CSS text-emphasis-position özelliği

Tanım ve Kullanım

text-emphasis-position Özellik, vurgulama işaretinin konumunu (üst, alt, sol, sağ) belirtir.

İpucu:Kullanım writing-mode Özellik, yatay veya dikey yazı modunu belirlemek için kullanılır.

Örnek

Kullanım text-emphasis-position Özellik:

h3.ex1 {
  text-emphasis: çift daire kırmızı;
  text-emphasis-position: üst;
}
h3.ex2 {
  text-emphasis: üçgen mavi;
  text-emphasis-position: alt;
}
h3.ex3 {
  writing-mode: vertical-rl;
  text-emphasis: üçgen mavi;
  text-emphasis-position: alt sağ;
}
h3.ex4 {
  writing-mode: vertical-rl;
  text-emphasis: üçgen mavi;
  text-emphasis-position: alt sol;
}

Kendi Kendine Deneyin

CSS Dilbilgisi

text-emphasis-position: üst|alt|sol|sağ|ilkel|miras;

Özellik Değeri

Değer Açıklama
üst Yatay yazı modunda, metin üstünde vurgulama işareti uygular.
alt Yatay yazı modunda, metin altında vurgulama işareti uygular.
sol Yatay yazı modunda, metin solunda vurgulama işareti uygular.
sağ Yatay yazı modunda, metin sağında vurgulama işareti uygular.
ilkel Bu özelliği, varsayılan değerine ayarlar. İçindekileri görüntüle ilkel.
miras Bu özelliği, ebeveyn elementinden miras alır. İçindekileri görüntüle miras.

Teknik Ayrıntılar

Varsayılan Değer: sağ sol
Miraslık: evet
Sürüm: CSS3
JavaScript Dilbilgisi: object.style.textEmphasisPosition="under"

Tarayıcı Desteği

Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü gösterir.

Chrome Edge Firefox Safari Opera
99.0 99.0 46.0 7.0 85.0