Unicode-bidi - CSS-temppuja

Anonim

unicode-bidiOminaisuus on toinen kahdesta CSS-ominaisuuksia, jotka käsittelevät renderöinti kaksisuuntaista tekstiä HTML ja vastaavat markup-pohjaisten kielten (kuten XML). Toinen ominaisuus on direction, ja näitä kahta käytetään yhdessä upotetun tekstin tasojen luomiseen erilaisilla tekstisuunnilla (oikealta vasemmalle ja vasemmalta oikealle) yhteen DOM-elementtiin.

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

Selain yleensä määrittää, mihin suuntaan tekstin teksti kulkee, riippuen langelementtien määritteestä, selaimen kielialueesta ja font-familytietyistä elementeistä. unicode-bidion kätevä, kun elementti sisältää sekä LTR-tekstiä että RTL-tekstiä:

Käyttäjäagentti käyttää Unicode-standardin määrittelemää monimutkaista algoritmia määrittääkseen, kuinka tekstin tulisi näkyä. Tämä ominaisuus ohjaa nimenomaan Unicode-kaksisuuntaisen algoritmin upotustasoja ja ohituksia.

unicode-bidiKiinteistössä on kolme laajasti tuettu arvot:

  1. "normaali" avainsana, joka ei tarjoa upotettua kaksisuuntaista tekstiä (selaimen oletuskäyttäytyminen). Tämän ominaisuuden sisältävä elementti sisältää vain LTR- tai RTL-tekstiä.
  2. "upota" avainsana, joka sallii kaksisuuntaisen tekstin elementissä (esimerkiksi RTL-teksti, joka virtaa keskellä LTR-tekstiä). Tämän määrittää directionominaisuus, ja se on sovellettava inline-elementtiin.
  3. "bidi-override" -avainsana, joka toimii samalla tavalla kuin "upota", kun sitä käytetään inline-elementteihin. Lohkotason elementeissä se ohittaa selaimen kaksisuuntaisen tekstialgoritmin ja siirtää tekstin mahdollisten sisäisten lasten sisällä tiukasti directionominaisuuden mukaan.

Kiinnostavat kohteet

  • unicode-bidiOmaisuus on ”on tarkoitettu DTD suunnittelijoille. Verkkosuunnittelijoiden ja vastaavien kirjoittajien ei pidä ohittaa sitä. " Päätä huolellisesti, jos haluat käyttää sitä.
  • Vaikka Internet Explorer tukee teknisesti unicode-bidiversiosta 5.5 lähtien, kelluviin elementteihin liittyy "vakavia virheitä" ja käyttö on luotettavaa IE 8+ -käyttöjärjestelmässä (katso alla)

Selaimen tuki

Kromi Safari Firefox Ooppera IE Android iOS
Toimii Toimii Toimii Toimii 8.0+ Toimii Toimii

Liittyvät ominaisuudet

Almanakka 5. tammikuuta 2021

suunta

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

kirjoitustila

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