CSS metin dekorasyon stili Özellik
Örnek
Farklı türde metin süsleme stilleri ayarlayın:
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;
}
Tanım ve Kullanım
Özellik text-decoration-style
, metin dekorasyonunun stilini belirler (düz, dalgalı, noktalı, kesikli, çift gibi).
İpucu: Ayrıca metin -dekorasyon-satır, metin-dekorasyon-stili ve metin-dekorasyon-renk için kısa el özelliği olan text-decoration özelliğine bakın.
Varsayılan değer: | sağlam |
---|---|
Miras: | Hayır |
canlandırılabilir: | Hayır. Canlandırılabilir hakkında bilgi edinin |
Sürüm: | CSS3 |
JavaScript sözdizimi: | nesne .style.textDecorationStyle="dalgalı" |
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
-moz- tarafından takip edilen sayılar, bir önekle çalışan ilk sürümü belirtir.
Property | |||||
---|---|---|---|---|---|
text-decoration-style | 57.0 | 79.0 | 36.0 6.0 -moz- |
12.1 | 44.0 |
CSS Sözdizimi
text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;
Mülk değerleri
Value | Description | Play it |
---|---|---|
solid | Default value. The line will display as a single line | |
double | The line will display as a double line | |
dotted | The line will display as a dotted line | |
dashed | The line will display as a dashed line | |
wavy | The line will display as a wavy line | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
İlgili Sayfalar
CSS eğitimi: CSS Metni
HTML DOM referansı: textDecorationStyle özelliği