CSS text-emphasis özelliği

Tanım ve kullanım

text-emphasis Özellik, metne vurgulama işareti eklemek için kullanılır.

text-emphasis Özellik text-emphasis-style ve text-emphasis-color kısaltmasıdır.

İpucu:Vurgulama işareti boyutu, yazı boyutunun yaklaşık %50'sidir.

Örnek

Kullanım text-emphasis Özellik:

p.ex1 {
  text-emphasis: filled;
}
p.ex2 {
  text-emphasis: open;
}
p.ex3 {
  text-emphasis: double-circle red;
}
p.ex4 {
  text-emphasis: triangle blue;
}

Kişisel olarak deneyin

CSS dilbilgisi

text-emphasis: none|filled|open|dot|circle|double-circle|triangle|sesame|string|color|initial|inherit;

Özellik değeri

Değer Açıklama
none Vurgulama işareti uygulanmaz.
filled Vurgulama işareti, doldurulmuş renk olarak belirtilir.
open Vurgulama işareti, boş olarak belirtilir.
dot Vurgulama işareti, küçük nokta olarak belirtilir.
circle Vurgulama işareti, daire olarak belirtilir.
double-circle Vurgulama işareti, çift daire olarak belirtilir.
triangle Vurgulama işareti, üçgen olarak belirtilir.
sesame Vurgulama işareti, keten şeklinde (yani küçük nokta kümesi) belirtilir.
string Vurgulama işareti, verilen bir dize (bir karakter) için belirtilir.
color Vurgulama işareti rengini ayarlar.
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: none currentcolor
Mirasçılık: evet
Sürüm: CSS3
JavaScript dilbilgisi: nesne.style.textEmphasis="doldurulmuş mavi"

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