CSS text-decoration-style özelliği

Tanım ve Kullanım

text-decoration-style özelliği, metnin süslemesinin türünü (kesik çizgi, dalga çizgisi, nokta çizgisi, kesik çizgi, çift çizgi) ayarlar.

İpucu:Ayrıca bkz: text-decoration özelliğiBu, bu üç özelliğin kısaltma özelliğidir:

  • text-decoration-line
  • text-decoration-style
  • text-decoration-color

Ayrıca bkz:

CSS Eğitimi:CSS metin

HTML DOM Referans Kılavuzu:textDecorationStyle Özellik

Örnek

Farklı türdeki text-decoration stillerini 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;
}

Kişisel Deneyim

CSS Dilbilgisi

text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;

Özellik Değeri

Değer Açıklama
solid Varsayılan Değer. Çizgi, tek çizgi olarak gösterilir.
double Çizgi, çift çizgi olarak gösterilir.
dotted Çizgi, nokta çizgisi olarak gösterilir.
dashed Çizgi, kesik çizgi olarak gösterilir.
wavy Çizgi, dalga çizgisi olarak gösterilir.
initial Bu özelliği varsayılan değerine ayarlar. Bakınız initial.
inherit Bu özelliği ebeveyn elementinden miras alır. Bakınız inherit.

Teknik Ayrıntılar

Varsayılan Değer: solid
Miras: Hayır
Animasyon Yapımı: Desteklenmiyor. Bakınız:Animasyon İle İlgili Özellikler.
Sürüm: CSS3
JavaScript Dilbilgisi: object.style.textDecorationStyle="wavy"

Tarayıcı Desteği

Tablo, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

Bu sayıları -moz- ile başlayan, önek kullanılan ilk sürümü gösterir.

Chrome IE / Edge Firefox Safari Opera
57.0 79.0 36.0
6.0 -moz-		 12.1 44.0