Atribut text-emphasis CSS
- Halaman sebelumnya text-decoration-thickness
- Halaman berikutnya text-emphasis-color
Definisi dan penggunaan
text-emphasis
Atribut digunakan untuk menambahkan tanda penekanan ke teks.
text-emphasis
Atribut adalah text-emphasis-style dan text-emphasis-color singkatan.
Petunjuk:Ukuran tanda penekanan sekitar 50% ukuran font.
Contoh
Penggunaan text-emphasis
Atribut:
p.ex1 { text-emphasis: filled; } p.ex2 { text-emphasis: open; } p.ex3 { text-emphasis: double-circle red; } p.ex4 { text-emphasis: triangle blue; }
Syntaks CSS
text-emphasis: none|filled|open|dot|circle|double-circle|triangle|sesame|string|color|initial|inherit;
Nilai atribut
Nilai | Deskripsi |
---|---|
none | Tidak diterapkan tanda penekanan. |
filled | Tanda penekanan diisi warna yang keras. |
open | Tanda penekanan berbentuk kosong. |
dot | Tanda penekanan berbentuk titik kecil. |
circle | Tanda penekanan berbentuk lingkaran. |
double-circle | Tanda penekanan berbentuk lingkaran ganda. |
triangle | Tanda penekanan berbentuk segitiga. |
sesame | Tanda penekanan adalah berbentuk biji sawit (yaitu kumpulan titik kecil). |
string | Tanda penekanan adalah string yang diberikan (satu karakter). |
color | Atur warna tanda penekanan. |
initial | Atur atribut ini ke nilai standarnya. Lihat initial. |
inherit | Mengambil atribut ini dari elemen induknya. Lihat inherit. |
Detil teknis
Nilai standar: | none currentcolor |
---|---|
Inheritance: | yes |
Versi: | CSS3 |
Syntaks JavaScript: | object.style.textEmphasis="filled blue" |
Dukungan browser
Tabel yang ada di dalamnya menunjukkan versi browser yang pertama yang sepenuhnya mendukung atribut ini.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
99.0 | 99.0 | 46.0 | 7.0 | 85.0 |
- Halaman sebelumnya text-decoration-thickness
- Halaman berikutnya text-emphasis-color