CSS text-underline-offset özelliği

Tanım ve kullanım

text-underline-offset Özellik, alt çizgi metin süslemesinin ofset mesafesini belirtir.

Örnek

Alt çizgi metin süslemesinin ofset mesafesini ayarlayın:

div.a {
  text-decoration: underline;
}
div.b {
  text-decoration: underline;
  text-underline-offset: 10px;
}
div.c {
  text-decoration: underline wavy blue;
}
div.d {
  text-decoration: underline wavy blue;
  text-underline-offset: 10px;
}

Deneyin

CSS dilbilgisi

text-underline-offset: auto|length|percentage|initial|inherit;

Özellik değeri

Değer Açıklama
auto Öntanımlı değer. Tarayıcı, alt çizgi için uygun bir offset ayarlar.
length Yan offset'i uzunluk değeri olarak belirtin.
percentage Yan offset'i yüzdelik değer olarak belirtin.
initial Bu özelliği, ön tanımlı değerine ayarlar. Bakınız initial.
inherit Bu özelliği, ebeveyn öğesinden devralır. Bakınız inherit.

Teknik ayrıntılar

Öntanımlı değer: auto
Devralabilirlik: evet
Animasyon yapımı: Desteklenmiyor. Bakınız:Animasyonla ilgili özellikler.
Sürüm: CSS4
JavaScript dilbilgisi: object.style.textUnderlineOffset="1em"

Tarayıcı desteği

Tabloda gösterilen sayılar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

Chrome Edge Firefox Safari Opera
87.0 87.0 70.0 12.1 73.0

İlgili sayfalar

Kılavuz:CSS metin süslemesi

Kaynakça:HTML DOM textDecoration özelliği