CSS line-height ominaisuus

Määrittely ja käyttö

line-height-ominaisuus asettaa rivejen välimaaran (rivivälin).

Huomautus:Ei sallita negatiivisia arvoja.

Selitys

Tämä ominaisuus vaikuttaa rivikehyksen asetteluun. Kun se sovelletaan lohkoelementtiin, se määrittää elementin sisällä olevien peruslinjojen välimatkan pienimmän etäisyyden eikä suurinta etäisyyttä.

line-height ja font-size laskutoimituksen erot (CSS:ssä kutsutaan 'riviväliksi') jaetaan kahteen osaan, jotka lisätään tekstirivin ylä- ja alapuolelle. Nämä sisältävät sisällön pienimmät kehys ovat rivikehykset.

Alkuperäinen lukuarvo määrittää skaalauksen tekijän, ja jälkeläisillä elementeillä tämä skaalauksen tekijä peritään eikä lasketa.

Lisäksi:

CSS-opasCSS teksti

HTML DOM -viittauslineHeight-ominaisuus

Esimerkki

Aseta riviväli prosentteina:

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

Kokeile itse

（Lisää esimerkkejä sivun alasta)

CSS-kieli

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

Ominaisuusarvo

Arvo Kuvaus
normal Oletus. Aseta järkevä riviväli.
number Aseta luku, joka kertautuu nykyisen fonttikoon kanssa asettaaksesi rivivälin.
length Aseta vakaa riviväli.
% Prosenttiosuus nykyisen fonttikoon perusteella.
inherit Määritellään, että line-height-ominaisuuden arvon täytyy perittää isältä elementiltä.

Tekninen tarkistus

Oletusarvo: normal
Perintä: kyllä
Versio: CSS1
JavaScript-kieli: object.style.lineHeight="2"

TIY-esimerkki

Aseta riviväli prosentilla
Tämä esimerkki näyttää, miten voit asettaa rivivälin prosenttiosuudella kappaleessa.
Aseta riviväli pikseleillä
Tämä esimerkki näyttää, miten voit asettaa rivivälin pikseleillä kappaleessa.
Aseta riviväli numerolla
Tämä esimerkki näyttää, miten voit asettaa rivivälin arvon kappaleessa.

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimeen, joka täysin tukee tätä ominaisuutta.

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