Unicode-bidi - Thủ thuật CSS

Các unicode-bidibất động sản là một trong hai thuộc tính CSS có thể xử lý việc vẽ của văn bản hai chiều trong HTML và các ngôn ngữ đánh dấu dựa trên tương tự (ví dụ như XML). Thuộc tính còn lại là directionvà cả hai được sử dụng cùng nhau để tạo các mức văn bản nhúng với các hướng văn bản khác nhau (từ phải sang trái và từ trái sang phải) trong một phần tử DOM.

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

Trình duyệt thường xác định hướng văn bản nội tuyến sẽ chảy, tùy thuộc vào langthuộc tính của các phần tử, ngôn ngữ của trình duyệt và font-familycủa các phần tử cụ thể. unicode-bidihữu ích khi một phần tử chứa cả văn bản LTR và văn bản RTL:

Tác nhân người dùng áp dụng một thuật toán phức tạp được xác định bởi tiêu chuẩn Unicode để xác định cách văn bản xuất hiện. Thuộc tính này đặc biệt kiểm soát các mức nhúng và ghi đè cho thuật toán hai chiều Unicode.

Các unicode-biditài sản có ba giá trị rộng rãi được hỗ trợ:

từ khóa "bình thường", không cung cấp thêm cấp độ văn bản hai hướng được nhúng (hành vi mặc định của trình duyệt). Phần tử có thuộc tính này sẽ chỉ chứa văn bản LTR hoặc RTL.
từ khóa "nhúng", cho phép văn bản hai chiều trong một phần tử (ví dụ: văn bản RTL chạy giữa văn bản LTR). Điều này được xác định bởi thuộc directiontính và phải được áp dụng cho một phần tử nội tuyến.
từ khóa "bidi-override", hoạt động giống như "nhúng" khi áp dụng cho các phần tử nội tuyến. Trên các phần tử cấp khối, nó ghi đè thuật toán văn bản hai chiều của trình duyệt và chuyển văn bản vào bên trong bất kỳ phần tử nội dòng nào theo đúng thuộc directiontính.

Điểm quan tâm

Tài unicode-bidisản là “dành cho các nhà thiết kế DTD. Các nhà thiết kế web và các tác giả tương tự không nên ghi đè lên nó ”. Hãy quyết định cẩn thận nếu bạn cần sử dụng nó.
Mặc dù Internet Explorer hỗ trợ về mặt kỹ thuật unicode-bidikể từ phiên bản 5.5, nhưng vẫn có “lỗi nghiêm trọng liên quan đến các phần tử trôi nổi” và việc sử dụng là đáng tin cậy trong IE 8+ (xem bên dưới)