Properti text-emphasis-position CSS

Definisi dan penggunaan

text-emphasis-position Atribut menentukan posisi tanda penekanan (atas, bawah, kiri, kanan).

Petunjuk:Gunakan writing-mode atribut untuk menentukan mode tulisan horizontal atau vertikal.

contoh

Gunakan text-emphasis-position Atribut:

h3.ex1 {
  text-emphasis: double-circle red;
  text-emphasis-position: over;
}
h3.ex2 {
  text-emphasis: triangle blue;
  text-emphasis-position: under;
}
h3.ex3 {
  writing-mode: vertical-rl;
  text-emphasis: triangle blue;
  text-emphasis-position: under right;
}
h3.ex4 {
  writing-mode: vertical-rl;
  text-emphasis: triangle blue;
  text-emphasis-position: under left;
}

Coba sendiri

Sintaksis CSS

text-emphasis-position: over|under|left|right|initial|inherit;

Nilai atribut

Nilai Deskripsi
over Terapkan tanda penekanan di atas teks (pada mode tulisan horizontal).
under Terapkan tanda penekanan di bawah teks (pada mode tulisan horizontal).
left Terapkan tanda penekanan di sebelah kiri teks (pada mode tulisan vertikal).
right Terapkan tanda penekanan di sebelah kanan teks (pada mode tulisan vertikal).
initial Menetapkan atribut ini ke nilai defaultnya. Lihat initial.
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit.

Detil teknis

Nilai default: over right
Inheritsi: yes
Versi: CSS3
Sintaksis JavaScript: object.style.textEmphasisPosition="under"

Dukungan browser

Angka di tabel 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