CSS text-decoration-style ominaisuus

Määrittely ja käyttö

text-decoration-style-ominaisuus asettaa tekstin koristelun tyylin (yksivihko, aaltoviivat, pisteviivat, viivoviivat, kaksoisviivat).

Vinkki:Katso myös: text-decoration-ominaisuusSe on näiden kolmen ominaisuuden lyhennetty muoto:

  • text-decoration-line
  • text-decoration-style
  • text-decoration-color

Katso myös:

CSS-opetusohjelma:CSS teksti

HTML DOM -viittausoppikirja:textDecorationStyle Ominaisuus

Esimerkki

Aseta erilaisia text-decoration-tyylejä:

div.a {
  text-decoration-line: underline;
  text-decoration-style: solid;
}
div.b {
  text-decoration-line: underline;
  text-decoration-style: wavy;
}
div.c {
  text-decoration-line: underline;
  text-decoration-style: double;
}
div.d {
  text-decoration-line: overline underline;
  text-decoration-style: wavy;
}

Kokeile itse

CSS-kieli

text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;

Ominaisuuden arvo

Arvo Kuvaus
solid Oletusarvo. Viivat näyttävät yksiviivoina.
double Viivat näyttävät kaksoisviivoina.
dotted Viivat näyttävät pisteviivoina.
dashed Viivat näyttävät viivoituina.
wavy Viivat näyttävät aaltoviivoina.
initial Aseta tämä ominaisuus sen oletusarvon arvoon. Katso: initial.
inherit Perii tämän ominaisuuden isältään. Katso: inherit.

Tekninen yksityiskohta

Oletusarvo: solid
Perintä: Ei
Animaation tekeminen: Ei tuettu. Katso:Animaatioon liittyvät ominaisuudet.
Versio: CSS3
JavaScript-kieli: object.style.textDecorationStyle="wavy"

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee täyttä ominaisuutta.

Numerot, jotka sisältävät -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 44.0