Unicode-bidi - CSS Hileleri

Anonim

unicode-bidiMülkiyet HTML ve benzeri Biçimlendirme tabanlı dilde (örneğin XML) iki yönlü metnin oluşturulmasını ele iki CSS özelliklerinden biridir. Diğer özellik direction, ve ikisi birlikte, tek bir DOM öğesinde farklı metin yönlerine (sağdan sola ve soldan sağa) sahip gömülü metin düzeyleri oluşturmak için birlikte kullanılır.

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

Tarayıcı genellikle langöğelerin özniteliğine, tarayıcının yerel ayarına ve font-familybelirli öğelere bağlı olarak metnin hangi yönde akacağını belirler . unicode-bidibir öğe hem LTR metni hem de RTL metni içerdiğinde kullanışlı olur:

Kullanıcı aracısı, metnin nasıl görünmesi gerektiğini belirlemek için Unicode standardı tarafından tanımlanan karmaşık bir algoritma uygular. Bu özellik, özellikle Unicode çift yönlü algoritması için gömme düzeylerini ve geçersiz kılmaları denetler.

unicode-bidiMülkiyet üç yaygın destekli değerlere sahiptir:

  1. ek katıştırılmış çift yönlü metin düzeyleri sunmayan "normal" anahtar sözcük (varsayılan tarayıcı davranışı). Bu özelliğe sahip bir öğe yalnızca LTR veya RTL metni içerecektir.
  2. bir öğede iki yönlü metne izin veren "embed" anahtar sözcüğü (örneğin, LTR metni arasında akan RTL metni). Bu, directionözellik tarafından belirlenir ve bir satır içi öğeye uygulanması gerekir.
  3. satır içi öğelere uygulandığında "yerleştirme" ile aynı işlevi gören "bidi-override" anahtar sözcüğü. Blok düzeyindeki öğelerde, tarayıcının iki yönlü metin algoritmasını geçersiz kılar ve metni kesinlikle directionözelliğe göre herhangi bir satır içi alt öğenin içinde akıtır .

İlgi noktaları

  • unicode-bidiÖzelliği “DTD tasarımcıları için tasarlanmıştır edilir. Web tasarımcıları ve benzeri yazarlar bunu geçersiz kılmamalıdır. " Kullanmanız gerekip gerekmediğine dikkatlice karar verin.
  • Internet Explorer unicode-bidi, sürüm 5.5'ten beri teknik olarak desteklese de , "kayan öğelerle ilgili ciddi hatalar" vardır ve IE 8+ sürümünde kullanım güvenilirdir (aşağıya bakın)

Tarayıcı desteği

Krom Safari Firefox Opera IE Android iOS
İşler İşler İşler İşler 8.0+ İşler İşler

İlgili özellikler

5 Ocak 2021'de Almanak

yön

.element ( direction: rtl; ) Jwahir Sundai Almanac 5 Ocak 2021'de

yazma modu

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