De text-decoration-styleeigenschap bepaalt de stijl van de onderstreping op links en de onderstreping, bovenlijn of doorlopende tekst op elke tekst die is text-decorationtoegepast.
a ( text-decoration-style: solid; )Waarden
solid: de standaard. Decoratie is een enkele ononderbroken lijn.double: Decoratie is een paar ononderbroken lijnen.dotted: Decoratie is een stippellijn.dashed: Decoratie is een stippellijn.wavy: Decoratie is een golvende lijn.
Demo
Op het moment van schrijven text-decoration-stylewordt dit alleen officieel ondersteund in Firefox. Het werkt ook in Chrome-browsers als de markering van de experimentele webplatform-functies is ingeschakeld.
Zie de Pen text-decoration-style door CSS-Tricks (@ css-tricks) op CodePen.
Steno
In browsers die ondersteuning bieden voor text-decoration-styleen text-decoration-colorkunt u een decoratiestijl toevoegen aan een text-decorationsteno-eigenschap:
.underlined ( text-decoration: underline dotted red; )Momenteel ondersteunt alleen Firefox dit unprefixed. Safari ondersteunt het met het -webkitvoorvoegsel. Chrome heeft ook het -webkitvoorvoegsel en de experimentele webplatformfuncties nodig die zijn ingeschakeld in Chrome-vlaggen.
Verwant
text-decorationtext-decoration-linetext-decoration-colortext-decoration-skip
Meer informatie
- text-decoration-style in de W3C CSS Text Decoration Module Level 3 CR
- text-decoration-style bij MDN
Browser-ondersteuning
| Chrome | Safari | Firefox | Opera | D.W.Z | Android | iOS |
|---|---|---|---|---|---|---|
| 31 * | Geen | 6 † | Geen | Geen | Geen | Geen |
* alleen met vlag voor experimentele webplatformfuncties ingeschakeld
† Firefox 6+ met -mozprefix, 36+ zonder prefix.