यूनिकोड-बीड़ी - सीएसएस-ट्रिक्स

Anonim

unicode-bidiसंपत्ति दो सीएसएस गुण है कि HTML और इसी तरह के मार्कअप-आधारित भाषाओं (जैसे एक्सएमएल) में द्वि-दिशात्मक पाठ का प्रतिपादन संभाल से एक है। अन्य गुण है direction, और दोनों का उपयोग एक ही DOM तत्व में विभिन्न पाठ दिशाओं (दाएं से बाएं और बाएं से दाएं) के साथ एम्बेडेड पाठ के स्तर बनाने के लिए किया जाता है।

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

ब्राउज़र आमतौर पर यह निर्धारित करता है कि langतत्वों की विशेषता, ब्राउज़र के स्थान और font-familyविशिष्ट तत्वों के आधार पर कौन सी दिशा इनलाइन टेक्स्ट प्रवाहित होगी । unicode-bidiएक तत्व में LTR पाठ और RTL पाठ दोनों शामिल होने पर काम आता है:

उपयोगकर्ता एजेंट यूनिकोड मानक द्वारा परिभाषित एक जटिल एल्गोरिथ्म लागू करता है यह निर्धारित करने के लिए कि पाठ को कैसे दिखाई देना चाहिए। यह संपत्ति विशेष रूप से यूनीकोड ​​बिडायरेक्शनल एल्गोरिथ्म के लिए एम्बेडिंग स्तर और ओवरराइड को नियंत्रित करती है।

unicode-bidiसंपत्ति तीन व्यापक रूप से समर्थित मूल्य हैं:

  1. "सामान्य" कीवर्ड, जो एम्बेडेड द्वि-दिशात्मक पाठ (डिफ़ॉल्ट ब्राउज़र व्यवहार) का कोई अतिरिक्त स्तर प्रदान नहीं करता है। इस संपत्ति वाले तत्व में केवल LTR या RTL टेक्स्ट होगा।
  2. "एम्बेड" कीवर्ड, जो एक तत्व में द्वि-दिशात्मक पाठ के लिए अनुमति देता है (उदाहरण के लिए, LTL पाठ के बीच बहने वाला RTL पाठ)। यह directionसंपत्ति द्वारा निर्धारित किया जाता है, और इनलाइन तत्व पर लागू किया जाना चाहिए।
  3. "बीड़ी-ओवरराइड" कीवर्ड, जो इनलाइन तत्वों पर लागू होने पर "एम्बेड" के समान कार्य करता है। ब्लॉक-स्तरीय तत्वों पर, यह ब्राउज़र के द्वि-दिशात्मक पाठ एल्गोरिथ्म को ओवरराइड करता है और directionसंपत्ति के अनुसार किसी भी इनलाइन बच्चों के अंदर पाठ को प्रवाहित करता है।

ब्याज के अंक

  • unicode-bidiसंपत्ति "DTD डिजाइनर के लिए है है। वेब डिज़ाइनर और समान लेखकों को इसे ओवरराइड नहीं करना चाहिए। ” यदि आपको इसका उपयोग करने की आवश्यकता है तो सावधानी से निर्णय लें।
  • जबकि इंटरनेट एक्सप्लोरर unicode-bidi5.5 संस्करण के बाद से तकनीकी रूप से समर्थन करता है , "फ्लोटेड तत्वों से संबंधित गंभीर कीड़े" हैं और IE 8+ में विश्वसनीय है (देखें)

ब्राउज़र का समर्थन

क्रोम सफारी फ़ायर्फ़ॉक्स ओपेरा अर्थात एंड्रॉयड आईओएस
काम करता है काम करता है काम करता है काम करता है 8.0+ है काम करता है काम करता है

संबंधित गुण

5 जनवरी, 2021 को पंचांग

दिशा

.element ( direction: rtl; ) 5 जनवरी 2021 को जवाहिर सुंदई पंचांग

लेखन-विधा

.element ( writing-mode: vertical-rl; ) रॉबिन रेंडल