text-decoration-styleİle mülkiyet herhangi bir metin bağlantıları ve altı çizili, overline veya çizgi-aracılığıyla altı çizili stilini ayarlar text-decorationuygulanır.
a ( text-decoration-style: solid; )Değerler
solid: varsayılan. Dekorasyon tek bir düz çizgidir.double: Dekorasyon bir çift düz çizgidir.dotted: Dekorasyon noktalı bir çizgidir.dashed: Dekorasyon kesikli bir çizgidir.wavy: Dekorasyon dalgalı bir çizgidir.
Demo
Bu yazının yazıldığı tarihte text-decoration-style, yalnızca resmi olarak Firefox'ta desteklenmektedir. Ayrıca, deneysel web platformu özellikleri bayrağı etkinleştirilmiş olarak Chrome tarayıcılarında da çalışacaktır.
CodePen'de CSS Tricks (@ css-tricks) tarafından hazırlanan Kalem metin dekorasyon stiline bakın.
Kısa gösterim
Destekleyen text-decoration-styleve text-decoration-colorbir text-decorationsteno özelliğine dekorasyon stili ekleyebileceğiniz tarayıcılarda :
.underlined ( text-decoration: underline dotted red; )Şu anda yalnızca Firefox bunu öneksiz olarak desteklemektedir. Safari bunu -webkitönek ile destekler . Chrome ayrıca -webkitönek ve Chrome işaretlerinde etkinleştirilen deneysel web platformu özelliklerine ihtiyaç duyar .
İlişkili
text-decorationtext-decoration-linetext-decoration-colortext-decoration-skip
Daha fazla bilgi
- W3C CSS Metin Süsleme Modülü Seviye 3 CR'de metin süsleme stili
- MDN'de metin dekorasyon stili
Tarayıcı Desteği
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 31 * | Yok | 6 † | Yok | Yok | Yok | Yok |
* yalnızca deneysel web platformu özellikleri bayrağı etkinken
† Ön -mozekli Firefox 6+ , 36+ öneksiz.