Unicode-bidi - Trik CSS | CSS Almanak 2024

The unicode-bidiproperti adalah salah satu dari dua sifat CSS yang menangani rendering teks bi-directional dalam HTML dan bahasa berbasis markup yang sama (misalnya XML). Properti lainnya adalah direction, dan keduanya digunakan bersama untuk membuat tingkat teks tersemat dengan arah teks berbeda (kanan ke kiri dan kiri ke kanan) dalam satu elemen DOM.

.bilingual-excerpt ( direction: rtl; unicode-bidi: embed; )

Browser biasanya menentukan arah aliran teks sebaris, bergantung pada langatribut elemen, lokal browser, dan font-familyelemen tertentu. unicode-bidiberguna saat elemen berisi teks LTR dan teks RTL:

Agen pengguna menerapkan algoritme kompleks yang ditentukan oleh standar Unicode untuk menentukan bagaimana teks akan muncul. Properti ini secara khusus mengontrol tingkat penyematan dan penggantian untuk algoritme dua arah Unicode.

The unicode-bidiproperti memiliki tiga nilai luas yang didukung:

kata kunci "normal", yang tidak menawarkan tingkat tambahan teks dua arah yang disematkan (perilaku browser default). Elemen dengan properti ini hanya akan berisi teks LTR atau RTL.
kata kunci "sematkan", yang memungkinkan teks dua arah dalam sebuah elemen (misalnya, teks RTL mengalir di tengah-tengah teks LTR). Ini ditentukan oleh directionproperti, dan harus diterapkan ke elemen sebaris.
kata kunci "bidi-override", yang berfungsi sama seperti "embed" bila diterapkan ke elemen sebaris. Pada elemen tingkat blok, ini menggantikan algoritme teks dua arah browser dan mengalirkan teks di dalam turunan sebaris apa pun secara ketat sesuai dengan directionpropertinya.

Tempat menarik

The unicode-bidiproperti “ditujukan untuk desainer DTD. Desainer web dan penulis serupa tidak boleh menimpanya. " Putuskan dengan hati-hati apakah Anda perlu menggunakannya.
Meskipun Internet Explorer secara teknis mendukung unicode-bidisejak versi 5.5, ada "bug serius yang berkaitan dengan elemen mengambang" dan penggunaannya dapat diandalkan di IE 8+ (lihat di bawah)