CSS line-height egenskab

Definition and Usage

line-height egenskaben indstiller afstanden mellem linjer (linjehøjde).

Kommentar:Negative værdier er ikke tilladt.

Description

Denne egenskab påvirker linjeboksens layout. Når den anvendes til et blokkelement, definerer den den mindste afstand mellem baslinjer i elementet i stedet for den maksimale afstand.

Forskellen mellem beregningsværdien af line-height og font-size (i CSS kaldet 'line spacing') deles i to halvdele og tilføjes henholdsvis til toppen og bunden af en tekstlinje. Den mindste ramme, der kan indeholde disse indhold, er en linjeboks.

Den oprindelige numeriske værdi angiver en skalaforhold, som efterkommerelementer arver i stedet for beregningsværdien.

Se også:

CSS Tutorial:CSS tekst

HTML DOM Reference Manual:lineHeight Egenskab

Eksempel

Indstil linjeafstand i procent:

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

Prøv det selv

（Se flere eksempler nedenfor på siden）

CSS Syntax

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

Attribute Value

Value Description
normal Standard. Indstil en rimelig linjeafstand.
number Indstil et tal, som vil multipliceres med den nuværende skriftstørrelse for at indstille linjeafstanden.
length Indstil fast linjeafstand.
% Procentværdi baseret på den nuværende skriftstørrelse.
inherit Definerer, at line-height-egenskaben skal arves fra forældreelementet.

Technical Details

Default Value: normal
Inheritance: yes
Version: CSS1
JavaScript Syntax: object.style.lineHeight="2"

TIY Eksempel

Indstil linjeafstand med procenter
Dette eksempel viser, hvordan man bruger procenter til at indstille linjeafstanden i en paragraf.
Indstil linjeafstand med pixelværdier
Dette eksempel viser, hvordan man bruger pixelværdier til at indstille linjeafstanden i en paragraf.
Indstil linjeafstand med et tal
Dette eksempel viser, hvordan man bruger et tal til at indstille linjeafstanden i en paragraf.

Browser-understøttelse

Tabelens tal angiver den første browser-version, der fuldt ud understøtter egenskaben.

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