Atribut text-underline-position CSS

Definisi dan penggunaan

text-underline-position Atribut menentukan posisi dekoration teks garis bawah.

Contoh

Atur posisi dekoration teks garis bawah:

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

Coba sendiri

Syntaks CSS

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

Nilai atribut

Nilai Deskripsi
auto Nilai default. Browser menetapkan posisi garis bawah.
under Atur garis bawah di bawah dasar huruf.
from-font

Jika berkas font mengandung informasi tentang posisi garis bawah, gunakan nilai ini.

Jika tidak, gunakan auto.
left

Pada mode tulisan vertikal, garis bawah akan ditempatkan di kiri teks.

Pada mode tulisan horizontal, garis bawah akan ditempatkan menurut auto.
right

Pada mode tulisan vertikal, garis bawah akan ditempatkan di kanan teks.

Pada mode tulisan horizontal, garis bawah akan ditempatkan menurut auto.
initial Atur atribut ini ke nilai default. Lihat initial.
inherit Mengambil atribut ini dari elemen orangtua. Lihat inherit.

Detil teknis

Nilai default: auto
Inheritance: yes
Pembuatan animasi: Tidak didukung. Lihat:Atribut yang berhubungan dengan animasi.
Versi: CSS3
Syntaks JavaScript: object.style.textUnderlinePosition="under"

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini penuhnya.

Chrome Edge Firefox Safari Opera
33.0 79.0 74.0 12.1 20.0

Halaman yang berhubungan

Tutorial:Dekorasi teks CSS

Referensi:Atribut textDecoration HTML DOM