CSS text-decoration-line -ominaisuus

Määrittely ja käyttö

text-decoration-line-ominaisuus asettaa, minkä tyyppistä tekstiä koristusta käytetään (alaviiva, yliviiva, läpiväli).

Vinkki:Samalla suositellaan tarkistamaan text-decoration-ominaisuus, joka on text-decoration-line, text-decoration-style ja text-decoration-color -ominaisuuksien lyhennysmuoto.

Huomautus:Voit yhdistää useita arvoja, kuten underline ja overline, näyttääkseen viivat tekstiä sekä ylä- että alapuolella.

Lisäksi:

CSS-opas:CSS teksti

HTML DOM -viittausopas:textDecorationLine Ominaisuus

Esimerkki

Aseta erilaisia text-decoration-viivatyyppejä:

div.a {
  text-decoration-line: overline;
}
div.b {
  text-decoration-line: underline;
}
div.c {
  text-decoration-line: line-through;
}
div.d {
  text-decoration-line: overline underline;
}

Kokeile itse

CSS-grammatiikka

text-decoration-line: none|underline|overline|line-through|initial|inherit;

Ominaisuusarvo

Arvo Kuvaus
none Oletusarvo. Määrittelee text-decoration: ei viivoja.
underline Määrittelee näytettävänä olevan tekstin alapuolella olevan viivan.
overline Määrittelee näytettävänä olevan tekstin ylittäväksi olevan viivan.
line-through Määrittelee näytettävänä olevan tekstin ylittäväksi olevan viivan.
initial Aseta tämä ominaisuus sen oletusarvon arvoon. Katso: initial.
inherit Perii tämän ominaisuuden isältään. Katso: inherit.

Tekninen yksityiskohta

Oletusarvo: none
Perintä: Ei
Animaatioiden luominen: Ei tuettu. Katso:Animaatiot.
Versio: CSS3
JavaScript-grammatiikka: object.style.textDecorationLine="overline"

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee tämän ominaisuuden täysin.

Numerot, jotka sisältävät -webkit- tai -moz-, viittaavat ensimmäiseen versioon, jossa etuliite käytetään.

Chrome IE / Edge Firefox Safari Opera
57.0 79.0 36.0
6.0 -moz-		 12.1
7.1 -webkit-		 44.0