CSS line-height egenskap

Definition och användning

line-height-egenskapen ställer in avståndet mellan raderna (radhöjd).

Kommentar:Negativa värden är inte tillåtna.

Förklaring

Denna egenskap påverkar layouten av radramen. När den tillämpas på ett blockelement definierar den minsta avståndet mellan baslinjerna i elementet snarare än det maximala avståndet.

Skillnaden mellan beräknade värdena för line-height och font-size (i CSS kallat "radavstånd") delas i två delar och läggs till ovan och nedan på innehållet i en textrad. Den minsta ramen som kan innehålla detta innehåll är radramen.

Det ursprungliga numeriska värdet anger en skalningsfaktor, och efterkommande element kommer att arbeta med denna skalningsfaktor snarare än det beräknade värdet.

Se också:

CSS-handboken:CSS text

HTML DOM-handboken:lineHeight-egenskapen

Exempel

Ställ in radhöjd i procent:

p.small {line-height:90%}
p.big {line-height:200%}

Prova själv

（Fler exempel kan ses längre ner på sidan）

CSS-syntax

line-height: normal|number|length|initial|inherit;

Egenskapsvärde

Värde Beskrivning
normal Standard. Ställ in ett rimligt radavstånd.
number Ställ in ett tal, som multipliceras med den nuvarande fontstorleken för att ställa in radavståndet.
length Ställ in ett fast radavstånd.
% Procentandel av nuvarande fontstorlek för radavstånd.
inherit Det specificeras att värdena för egenskapen line-height ska härledas från föräldrelementet.

Tekniska detaljer

Standardvärde: normal
Arv: ja
Version: CSS1
JavaScript-syntax: object.style.lineHeight="2"

TIY-exempel

Användning av procentandel för att ställa in radavstånd
Detta exempel visar hur man använder en procentandel för att ställa in radavståndet i en paragraf.
Användning av pixeldetaljer för att ställa in radavstånd
Detta exempel visar hur man använder pixeldetaljer för att ställa in radavståndet i en paragraf.
Användning av tal för att ställa in radavstånd
Detta exempel visar hur man använder ett tal för att ställa in radavståndet i en paragraf.

Webbläsarstöd

Tal i tabellen anger den första webbläsare som helt stöder detta egenskap.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0