Den line-heightegenskap definerer størrelsen på plass over og under rulleelementer. Det vil si elementer som er satt til display: inlineeller display: inline-block. Denne egenskapen brukes oftest til å angi hovedlinjen for tekstlinjer.
p ( line-height: 1.5; )Den line-heightegenskapen kan godta søkeord verdier normaleller noneså vel som et tall, lengde, eller prosentandel.
I følge spesifikasjonen er en verdi på "normal" ikke bare en enkelt konkret verdi som brukes på alle elementene, men beregner heller til en "rimelig" verdi avhengig av skriftstørrelsen som er satt (eller arvet) på elementet.
En lengdeverdi kan defineres ved hjelp av hvilken som helst gyldig CSS-enhet (px, em, rem, etc).
En prosentverdi er skriftstørrelsen til elementet multiplisert med prosentandelen. For eksempel:
I demoen ovenfor har de tre avsnittene sine linjehøyder satt til henholdsvis 150%, 200% og 250%. Kroppselementet har skriftstørrelsen definert til 20 px. Dette betyr at de beregnede linjehøydene for avsnittene er henholdsvis 30px, 40px og 50px.
Enhetsløse linjehøyder
Den anbefalte metoden for å definere linjehøyde er å bruke en tallverdi, referert til som en "enhetsløs" linjehøyde. En tallverdi kan være et hvilket som helst tall, inkludert et desimalbasert tall, slik det brukes i det første kodeeksemplet på denne siden.
Enhetsløse linjehøyder anbefales på grunn av det faktum at underordnede elementer vil arve rå tallverdien, i stedet for den beregnede verdien. Med dette kan underordnede elementer beregne linjehøydene sine basert på deres beregnede skriftstørrelse, i stedet for å arve en vilkårlig verdi fra en forelder som er mer sannsynlig å måtte overstyres.
Nettleserstøtte
| Chrome | Safari | Firefox | Opera | DVS | Android | iOS |
|---|---|---|---|---|---|---|
| Virker | Virker | Virker | Virker | Virker | Virker | Virker |
IE6 / 7 vil feilberegne linjehøyden på utskiftede elementer (f.eks. Skjemakontroller) som er innebygd.