Upotrebom CSS linije visine objekta kako biste dobili CSS razmak linije
Saznajte kako upotrebljavati visinu linije svojstva stila CSS kako biste utjecali na razmak redaka na web stranicama.
Vrijednosti CSS linije
Na crtu CSS-a utječe visina linije svojstva stila CSS-a. Ovo svojstvo traje do 5 različitih vrijednosti:
- normalno: preglednik određuje vrijednost za razmak redaka koji se odnosi na veličinu fonta. To je obično isto kao i veličina slova ili malo veća (poput 20%).
- naslijediti: razmak redaka treba uzeti iz razmaka redaka roditelja. Dakle, ako postavite visinu linije vaše oznake tijela na 30% veću od veličine fonta i oznaka stavki unutar koje su postavljene za nasljeđivanje, imat će i visinu linije od 30% veću od veličine fontova.
- broj: ako vrijednost visine linije nema jedinicu mjere, smatrat će se da je množitelj veličine fonta za visinu crte. Tako bi visina linije 1,25 bila 25% veća od veličine fonta.
- duljina: Ako vrijednost visine linije ima jedinicu mjere, to je točna količina prostora između redaka. Dakle, 1,25 mm bi rezultiralo linijama od 1,25 milimetara.
- postotak: ako je visina linije postotak, to bi bio postotak veličine fonta. Tako bi visina linije od 125% bila 25% veća od veličine fonta.
Koju biste vrijednost trebali koristiti za CSS linije
U većini slučajeva, najbolji izbor za razmak redaka je ostaviti ga na zadanom - ili "normalnom". Ovo je najčešće čitljivo i ne zahtijeva da učinite nešto posebno. Ali mijenjanje razmaka redaka može vam dati tekst različitom osjećaju.
Ako je vaša veličina fonta definirana kao ems ili postoci, vaša visina linije također bi trebala biti definirana na taj način. Ovo je najfleksibilniji oblik razmaka linija jer omogućuje čitatelju da promijeni veličinu slova i zadržava isti omjer na razmaku redaka.
Postavite visinu retka za listove stilova ispisa pomoću točke (pt). Točka je mjera ispisa, pa vaši veličine fontova također trebaju biti u točkama.
Ne volim koristiti brojni izbor jer sam otkrio da je to većina zbunjujuće ljudima. Mnogi ljudi misle da je broj apsolutna veličina, i zato ih čine ogromnim. Na primjer, možda imate font postavljen na 14px, a zatim postavite visinu linije na 14 - što dovodi do velikih razmaka između linija - jer je razmak linije postavljen na 14 puta veću od veličine fonta.
Koliko prostora trebate koristiti za razmak linije
Kao što sam spomenuo gore, preporučujem da koristite zadani razmak redaka, osim ako nemate određeni razlog za promjenu. Promjena razmaka redaka može imati različite učinke:
- Tekst koji je vrlo zbijeno može biti teško čitati. No, male linije mogu utjecati na raspoloženje teksta. Ako se tekst sklapa zajedno, to može učiniti osjećajem da tekst izgleda tamniji ili napetiji.
- Tekst koji je dalje udaljen također može biti teško čitati. No široki linija čini tekst tekućom i tekućom.
- Promjena razmaka redaka može napraviti tekst koji se inače ne bi uklopio u prostor koji je kompaktniji ili zauzimaju više prostora u vašim dizajnom.