line-height

Lastnost line-height nadzoruje razmike med osnovnimi linijami vrstic v besedilu. Če je vrednost samo število je višina vrstice izračunana z množenjem elementove velikosti pisave s številom. Vrednosti v odstotkih so relativne glede na elementovo velikost pisave. Negativne vrednosti niso dovoljene.

Če je lastnost nastavljena na blokovni element (block-level), katerega vsebina je sestavljena iz vrstičnih elementov (inline-level), določa najmanjšo višino vrstičnih elementov znotraj bloka. Minimalna višina je sestavljena iz minimalne višine nad blokovo osnovno črto in iz minimalne globine pod njim, natanko kot če se vsak vrstični blok začne s širino nič, elementovz blokovo pisavo in lastnostmi line-height.

Če je lastnost nastavljena za vrstični element določa višino, ki je uporabljena v računanju višine elementov display:inline-box (razen za notranje zamenjalne elemente, pri katerih je višina podana z lastnostjo višine height).

Določena velikost bo takšna kot je definirana samo takrat, če je v odstavku uporabljena ena velikost pisave, ne bo nad in podpisanega besedila in ne bo slik.

vrednost	opis	NN	IE	CSS
normal	Brskalniki nastavijo uporabljeno vrednost na sprejemljivo vrednost, ki je zasnovana na pisavi elementa. Običajno je nastavitev vrednost `normal` enaka številski vrednosti med 1.0 in 1,2.	4	4	1
dolžina	Določena višina je uporabljena v računanju višine med vrsticami. Negativne vrednosti niso dovoljene.	4	4	1
število	Uporabljena vrednost lastnosti je število, ki je pomnoženo z velikostjo pisave elementa. Negativne vrednosti niso dovoljene.	6	5	2
odstotki	Preračunana vrednost lastnosti je izbran odstotek pomnožen s preračunano velikostjo pisave elementa. Negativne vrednosti niso dovoljene.	4	4	1

Primeri

Tri pravila v spodnjem primeru ima enako rezultanto line height:

div { line-height: 1.2; font-size: 10pt }     /* število */
div { line-height: 1.2em; font-size: 10pt }   /* vrednost */
div { line-height: 120%; font-size: 10pt }    /* odstotki */

→ Primer uporabe različnih enot

Gor e-gradiva CSS primeri word-spacing font

SERŠ Maribor : Strokovna gimnazija : 2004 : Jure Štern

e-gradiva	HTML	CSS	JavaScript	Načrtovanje

			SERŠ Maribor		Iskanje	Primeri