Unicode-bidi - Trik CSS

Anonim

Properti unicode-bidiini adalah salah satu daripada dua sifat CSS yang menangani rendering teks dua arah dalam HTML dan bahasa berdasarkan markup yang serupa (misalnya XML). Harta yang lain adalah direction, dan kedua-duanya digunakan bersama untuk membuat tahap teks tertanam dengan arah teks yang berbeza (kanan-ke-kiri dan kiri-ke-kanan) dalam satu elemen DOM.

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

Penyemak imbas biasanya menentukan arah aliran teks sebaris mana, bergantung pada langatribut elemen, tempat penyemak imbas, dan font-familyelemen tertentu. unicode-bidisangat berguna apabila elemen mengandungi teks LTR dan teks RTL:

Ejen pengguna menggunakan algoritma kompleks yang ditentukan oleh standard Unicode untuk menentukan bagaimana teks itu muncul. Properti ini secara khusus mengawal tahap penyisipan dan penggantian untuk algoritma Unicode dua arah.

Properti unicode-bidiini mempunyai tiga nilai yang disokong secara meluas:

  1. kata kunci "normal", yang tidak menawarkan tahap tambahan teks dua arah terbenam (tingkah laku penyemak imbas lalai). Elemen dengan sifat ini hanya akan mengandungi teks LTR atau RTL.
  2. kata kunci "embed", yang memungkinkan teks dua arah dalam elemen (contohnya, teks RTL mengalir di tengah teks LTR). Ini ditentukan oleh directionharta tanah, dan mesti diterapkan pada elemen sebaris.
  3. kata kunci "bidi-override", yang bertindak sama dengan "embed" ketika diterapkan pada elemen sebaris. Pada elemen tahap blok, ia akan mengatasi algoritma teks dua arah penyemak imbas dan mengalirkan teks ke dalam mana-mana anak sebaris dengan ketat mengikut directionhartanah.

Tempat menarik

  • The unicode-bidiharta "adalah bertujuan untuk pereka DTD. Pereka web dan pengarang yang serupa tidak boleh mengesampingkannya. " Tentukan dengan teliti jika anda perlu menggunakannya.
  • Walaupun Internet Explorer secara teknikal menyokong unicode-bidisejak versi 5.5, ada "bug serius yang berkaitan dengan elemen terapung" dan penggunaannya dapat dipercayai di IE 8+ (lihat di bawah)

Sokongan penyemak imbas

Chrome Safari Firefox Opera IE Android iOS
Berfungsi Berfungsi Berfungsi Berfungsi 8.0+ Berfungsi Berfungsi

Harta yang berkaitan

Almanak pada 5 Jan 2021

arah

.element ( direction: rtl; ) Jwahir Sundai Almanac pada 5 Jan 2021

mod penulisan

.element ( writing-mode: vertical-rl; ) Robin Rendle