Korišćenje CSS Line-Height Property-a za dobijanje CSS Line Spacing-a
Naučite kako da koristite visinu linije svojstva stila CSS-a kako biste uticali na razmak između linija na vašim Web stranicama.
Vrednosti razmaka CSS linije
CSS razmak između linija utiče na visinu linije linije CSS stilova. Ova svojina traje do 5 različitih vrednosti:
- normalno: pregledač određuje vrednost razmaka linija koja se odnosi na veličinu fonta. Ovo je obično isto kao i veličina fonta ili nešto veća (npr. 20%).
- nasleđite: razmak između linija treba uzeti iz razmaka linije roditeljskog elementa. Dakle, ako postavite visinu linije svoje telesne oznake na 30% veću od veličine fonta, a oznake pasusa unutar koje su postavljene da nasledjuju, one će takođe imati visinu linije od 30% veću od veličine fonta.
- broj: Ako vrednost linijske visine nema jedinicu mere, smatra se da je multiplikator veličine fonta za visinu linije. Dakle, visina linije od 1,25 bi bila 25% veća od veličine fonta.
- dužina: Ako vrednost linijske visine ima jedinicu mjere, to je tačna vrijednost prostora između linija. Dakle, 1,25mm bi rezultirao razmakom od 1,25 milimetara.
- procenat: Ako je visina linije procenat, to bi bio procenat veličine fonta. Dakle, visina linije od 125% bi bila 25% veća od veličine fonta.
Koji vrednost treba da koristite za CSS razmak između linija
U većini slučajeva, najbolji izbor za razmake linija je da ga ostavite podrazumevanim - ili "normalnim". Ovo je uglavnom najčitnije i ne zahteva da uradite nešto posebno. Ali promena rasporeda linije može dati svom tekstu drugačiji osećaj.
Ako je veličina fonta definisana kao ems ili procenti, vaša visina linije takođe treba definisati na taj način. Ovo je najfleksibilniji oblik razmaka između linija jer omogućava čitatelju da promeni veličinu fontova i zadrži isti odnos na razmaku linija.
Podesite visinu linije za listove stila za štampanje sa vrijednošću točke (pt). Poenta je mera štampe, tako da su vaše veličine fonta takođe u tačkama.
Ne volim da koristim izbor broja jer sam otkrio da je to najviše zbunjujuće za ljude. Mnogi ljudi misle da je broj apsolutne veličine, pa ih čini ogromnim. Na primer, možda ćete imati font veličine 14px, a zatim postavite visinu linije na 14 - što rezultira velikim razmacima između linija - jer je razmak između linija podešen na 14 puta veću veličinu slova.
Koliko prostora biste trebali koristiti za razmak između linija
Kao što sam već pomenuo, preporučujem da koristite podrazumevani razmak redova, osim ako nemate specifičan razlog za promjenu. Promena razmaka linije može imati različite efekte:
- Tekst koji je vrlo tesno povezan može biti teško čitati. Ali male linije mogu uticati na raspoloženje teksta. Ako se tekst skrči zajedno, to može učiniti da se tekst čini tamnijim ili napetim.
- Tekst koji je dalje udaljen može takođe biti teško čitati. Međutim, široki linijski prostori čine da tekst čini tekućim i tekućim.
- Promena razmaka linije može napraviti tekst koji inače ne bi bio u mogućnosti da bude kompaktniji ili zauzima više prostora u dizajnu.