CSS text-underline-position özelliği

Tanım ve kullanım

text-underline-position Alt çizgi metin süslemesi konumunu belirleyen özellik.

Alt çizgi metin süslemesi konumunu ayarlayın:

div.a {
  text-decoration: underline;
  text-underline-position: auto;
}
div.b {
  text-decoration: underline;
  text-underline-position: under;
}

text-underline-position: auto|under|from-font|left|right|initial|inherit;

Değer	Açıklama
auto	Varsayılan değer. Tarayıcı, alt çizginin konumunu ayarlar.
under	Alt çizgiyi harf temel çizgisinin altına yerleştirir.
from-font	Eğer karakter dosyası alt çizgi konumuna dair bilgi içeriyorsa, bu değeri kullanılır. Aksi takdirde, auto kullanılır.
sol	Dik yazım modunda, alt çizgi metnin sol tarafında yer alır. Yatay yazım modunda, alt çizgi auto konumunda yer alır.
sağ	Dik yazım modunda, alt çizgi metnin sağ tarafında yer alır. Yatay yazım modunda, alt çizgi auto konumunda yer alır.
initial	Bu özelliği, varsayılan değerine ayarlar. Ayrıca bakınız: initial.
inherit	Bu özelliği, ebeveyn elementinden miras alır. Ayrıca bakınız: inherit.

Varsayılan değer:	auto
Miras edilebilirlik:	evet
Animasyon yapımı:	Desteklenmiyor. Ayrıca bakınız:Animasyonla ilgili özellikler.
Sürüm:	CSS3
JavaScript dilbilgisi:	object.style.textUnderlinePosition="under"

Tabloda gösterilen rakamlar, bu özelliği tamamen destekleyen ilk tarayıcı sürümünü belirtir.

Chrome	Edge	Firefox	Safari	Opera
33.0	79.0	74.0	12.1	20.0