line-heightSvojstvo definira količinu prostora iznad i ispod inline elemenata. Odnosno elementi koji su postavljeni na display: inlineili display: inline-block. Ovo se svojstvo najčešće koristi za postavljanje vodećih redova teksta.
p ( line-height: 1.5; )line-heightImovine može prihvatiti vrijednosti ključne riječi normalili nonekao broj, dužina, ili postotak.
Prema specifikaciji, vrijednost "normalno" nije samo jedna konkretna vrijednost koja se primjenjuje na sve elemente, već se izračunava na "razumnu" vrijednost, ovisno o veličini fonta postavljenoj (ili naslijeđenoj) na elementu.
Vrijednost duljine može se definirati pomoću bilo koje valjane CSS jedinice (px, em, rem, itd.).
Postotna vrijednost je veličina fonta elementa pomnožena s postotkom. Na primjer:
U gornjoj demonstraciji visina linija postavljena je na tri odlomka na 150%, 200%, odnosno 250%. Veličina fonta elementa tijela definirana je na 20 piksela. To znači da su izračunate visine crta za odlomke 30, 40 i 50 piksela, respektivno.
Visine linija bez jedinica
Preporučena metoda za definiranje visine crte je upotreba brojčane vrijednosti, koja se naziva visina linije bez jedinice. Vrijednost broja može biti bilo koji broj, uključujući decimalni broj, kako se koristi u prvom primjeru koda na ovoj stranici.
Visine linija bez jedinice preporučuju se zbog činjenice da će podređeni elementi naslijediti vrijednost neobrađenog broja, a ne izračunatu vrijednost. Pomoću toga, podređeni elementi mogu izračunati visine linija na temelju izračunate veličine fonta, umjesto da naslijede proizvoljnu vrijednost od roditelja za koji je vjerojatnije da će trebati nadjačavanje.
Podrška preglednika
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Djela | Djela | Djela | Djela | Djela | Djela | Djela |
IE6 / 7 pogrešno će izračunati visinu crte na zamijenjenim elementima (npr. Kontrole oblika) koji su u liniji.