selector : dir () CSS pseudo-class digunakan untuk memilih elemen berdasarkan arahnya sebagaimana ditentukan oleh bahasa dokumen.

Arah teks dalam suatu elemen dapat ditentukan menggunakan properti arah CSS. Namun, pemilih: dir () pseudo-class tidak cocok dengan elemen yang directionality-nya hanya ditentukan menggunakan properti direction-directionality perlu ditentukan dalam dokumen untuk mencocokkan pemilih, bukan dalam CSS, karena: dir () tidak tidak memilih berdasarkan status gaya.

Dalam dokumen HTML5, arah elemen dapat ditentukan menggunakan atribut dir. Directionality dapat diatur ke ltr (kiri-ke-kanan) atau rtl (kanan-ke-kiri). Sebagai contoh:

Pemilih: dir () pseudo-class mengambil rtl atau ltr sebagai argumen. The pseudo-class: dir (ltr) mewakili elemen yang memiliki arah dari kiri ke kanan (ltr). The pseudo-class: dir (rtl) mewakili elemen yang memiliki arah kanan-ke-kiri (rtl). Nilai selain ltr dan rtl tidak valid, tetapi tidak cocok dengan apa pun. (Jika spesifikasi markup di masa depan menentukan arah lain, maka Pemilih CSS dapat diperluas untuk memungkinkan nilai yang sesuai.)

Argumen untuk: dir () harus berupa pengidentifikasi tunggal, jika tidak pemilih tidak valid. Ruang kosong secara opsional diizinkan antara pengidentifikasi dan tanda kurung.

Trivia & Catatan

Karena directionality elemen diatur menggunakan atribut dir, elemen dengan directionality set juga dapat dipilih menggunakan pemilih atribut [dir = “”]. Sebagai contoh:

Penggunaan: dir () tidak setara dengan penggunaan pemilih [dir = “”].

Atribut [dir = “”] pemilih pemilih hanya melakukan perbandingan terhadap atribut yang diberikan pada elemen. Ini berarti bahwa itu akan cocok dengan elemen hanya jika memiliki set atribut dir. Itu tidak akan cocok dengan elemen yang tidak memiliki set atribut dir, bahkan jika elemen memiliki directionality tertentu yang ditentukan di tempat lain dalam dokumen. Selain itu, jika atribut dir memiliki nilai otomatis, itu tidak akan cocok dengan [dir = “ltr”] atau [dir = “rtl”].

Selector: dir () pseudo-class, di sisi lain, akan cocok dengan elemen bahkan jika arahnya diwarisi dari leluhur terdekatnya dengan atribut dir yang valid. Juga, elemen yang cocok dengan dir = “auto” akan cocok dengan: dir (ltr) atau: dir (rtl) tergantung pada arah terarah dari elemen yang ditentukan oleh isinya.

Contohnya

Contoh berikut akan memilih dan menata semua elemen yang memiliki directionality ltr:

Dukungan Browser

Pemilih: dir () pseudo-class saat ini hanya didukung di Firefox, diawali dengan awalan -moz-.

WhatsApp chat