text-decoration-styleNuosavybė nustato, kad pabraukti ant nuorodos ir pabraukimo overline, ar linijos pro bet kokį tekstą stiliaus text-decorationtaikomas.
a ( text-decoration-style: solid; )Vertybės
solid: numatytasis. Dekoravimas yra viena vientisa linija.double: Dekoravimas yra vientisų linijų pora.dotted: Dekoravimas yra punktyrinė linija.dashed: Dekoravimas yra punktyrinė linija.wavy: Apdaila yra banguota linija.
Demonstracija
Šio rašymo metu text-decoration-styleoficialiai palaikoma tik „Firefox“. Jis taip pat veiks „Chrome“ naršyklėse, įjungus eksperimentinės žiniatinklio platformos funkcijų žymėjimą.
„CodePen“ peržiūrėkite CSS-Tricks (@ css-tricks) rašiklio teksto dekoravimo stilių.
Stenografija
Naršyklėse, kurios palaiko text-decoration-styleir text-decoration-colorgalite pridėti dekoravimo stilių prie text-decorationtrumpinio savybės:
.underlined ( text-decoration: underline dotted red; )Šiuo metu tik „Firefox“ palaiko tai netaisytą. „Safari“ palaiko jį -webkitpriešdėliu. „Chrome“ taip pat reikalingas -webkitpriešdėlis ir eksperimentinės žiniatinklio platformos funkcijos, įgalintos „Chrome“ vėliavose.
Susijęs
text-decorationtext-decoration-linetext-decoration-colortext-decoration-skip
Daugiau informacijos
- teksto dekoravimo stilius W3C CSS 3 lygio CR teksto dekoravimo modulyje
- MDN teksto dekoravimo stilius
Naršyklės palaikymas
| „Chrome“ | „Safari“ | „Firefox“ | Opera | T.Y | „Android“ | „iOS“ |
|---|---|---|---|---|---|---|
| 31 * | Nė vienas | 6 † | Nė vienas | Nė vienas | Nė vienas | Nė vienas |
* tik su įgalintomis eksperimentinėmis žiniatinklio platformos funkcijomis
† „Firefox 6+“ su -mozpriešdėliu, iš anksto nenurodytas.