A text-decoration-styletulajdonság az aláhúzás stílusát állítja be a linkeken, az aláhúzás, az aláhúzás vagy az áthúzás stílusát minden text-decorationalkalmazott szövegnél .
a ( text-decoration-style: solid; )Értékek
solid: az alapértelmezett. A dekoráció egyetlen folytonos vonal.double: A dekoráció egy folytonos vonal.dotted: A dekoráció szaggatott vonal.dashed: A dekoráció szaggatott vonal.wavy: A dekoráció hullámvonal.
Demó
Az írás idején text-decoration-stylecsak a Firefox támogatja. Ez a Chrome böngészőkben is működik, engedélyezve a kísérleti webes platform funkcióit.
Lásd a CSS-Tricks (@ css-tricks) Toll szövegdekorációs stílusát a CodePen-en.
Gyorsírás
Azokban a böngészőkben, amelyek támogatják text-decoration-styleés text-decoration-colorhozzáadhat egy dekorációs stílust a text-decorationgyorsírás tulajdonságához:
.underlined ( text-decoration: underline dotted red; )Jelenleg csak a Firefox támogatja ezt az előre nem javítottat. A Safari az -webkitelőtaggal támogatja . A Chrome-nak szüksége van a -webkitChrome zászlókban engedélyezett előtagra és kísérleti webplatform-funkciókra is.
Összefüggő
text-decorationtext-decoration-linetext-decoration-colortext-decoration-skip
Több információ
- szövegdekorációs stílus a W3C CSS szövegdekorációs modul CR 3. szintjén
- szövegdekorációs stílus az MDN-nél
Böngésző támogatás
| Króm | Szafari | Firefox | Opera | AZAZ | Android | iOS |
|---|---|---|---|---|---|---|
| 31 * | Egyik sem | 6 † | Egyik sem | Egyik sem | Egyik sem | Egyik sem |
* csak kísérleti webplatform-funkciók engedélyezésével
† Firefox 6+ -mozelőtaggal, 36+ előtag nélkül.