CSS text-decoration-line özelliği

Tanım ve Kullanım

text-decoration-line özelliği, hangi tür metin süslemesini kullanacağınızı (alt çizgi, üst çizgi, çizgi) ayarlar.

İpucu:Aynı zamanda text-decoration özelliğini de göz önünde bulundurun, bu özellik text-decoration-line, text-decoration-style ve text-decoration-color özelliklerinin kısaltılmış hali olup.

Yorum:Ayrıca birden fazla değeri birleştirebilirsiniz, örneğin underline ve overline, metnin altında ve üstünde aynı anda çizgi gösterir.

Ayrıca bkz.:

CSS eğitim:CSS metin

HTML DOM referans el kitabı:textDecorationLine Özellik

Örnek

Farklı text-decoration çizgi türlerini ayarlayın:

div.a {
  text-decoration-line: overline;
}
div.b {
  text-decoration-line: underline;
}
div.c {
  text-decoration-line: line-through;
}
div.d {
  text-decoration-line: overline underline;
}

Kişisel olarak deneyin

CSS dilbilgisi

text-decoration-line: none|underline|overline|line-through|initial|inherit;

Özellik değeri

Değer Açıklama
none Varsayılan değer. text-decoration, çizgi içermeyi gösterir.
underline Metnin altında bir çizgi gösterir.
overline Metnin üstünde bir çizgi gösterir.
line-through Metni yatay geçen bir çizgiyi gösterir.
initial Bu özelliği, varsayılan değerine ayarlar. Bakınız initial.
inherit Bu özelliği, ana elementinden miras alır. Bakınız inherit.

Teknik ayrıntılar

Varsayılan değer: none
Miras: Hayır
Animasyon yapımı: Desteklenmiyor. Bakınız:Animasyonla ilgili özellikler.
Sürüm: CSS3
JavaScript dilbilgisi: object.style.textDecorationLine="overline"

Tarayıcı desteği

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

数字 -webkit- veya -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
7.1 -webkit-		 44.0