Properti text-orientation CSS

Definisi dan penggunaan

text-orientation Atribut menentukan arah karakter.

Perhatian:Hanya saat writing-mode Hanya berlaku saat diatur vertikal.

Contoh

Contoh 1

Atur arah teks untuk elemen <div> yang berbeda:

div.a {
  text-orientation: mixed;
}
div.b {
  text-orientation: upright;
}

Coba sendiri

Contoh 2

text-orientation Atribut ini dapat digunakan untuk mengubah arah tajuk tabel:

th {
    writing-mode: vertical-lr;
    text-orientation: upright;
}

Coba sendiri

Syntaks CSS

text-orientation: mixed|upright|sideways|sideways-right|use-glyph-orientation|initial|inherit;

Nilai atribut

Nilai Deskripsi
mixed Nilai standar. Karakter berputar 90 derajat sebelah kanan.
upright Karakter tidak berputar, tetap lurus.
sideways Arah karakter sama dengan arah baris teks saat writing-mode vertikal, yaitu berputar 90 derajat sebelah kanan.
sideways-right Sama dengan nilai atribut sideways. Dipertahankan untuk tujuan kompatibilitas.
use-glyph-orientation Digunakan untuk elemen SVG, untuk memungkinkan teks mendapatkan atribut SVG yang usang glyph-orientation-vertical dan glyph-orientation-horizontal.
initial Atur atribut ini ke nilai standarnya. Lihat initial.
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit.

Detil teknis

Nilai standar: mixed
Inheritance: yes
Pembuatan animasi: Tidak didukung. Lihat:Atribut yang berhubungan dengan animasi.
Versi: CSS3
Syntaks JavaScript: object.style.textOrientation="upright"

Dukungan browser

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

Chrome Edge Firefox Safari Opera
48.0 79.0 41.0 14.0 35.0

Halaman Terkait

Referensi：Properti writing-mode CSS