HTML dir एट्रिब्यूट
dir एट्रिब्यूट (डायरेक्शन) किसी एलिमेंट के कंटेंट की टेक्स्ट दिशा (text direction) निर्दिष्ट करता है। यह द्विदिशात्मक (bidirectional) टेक्स्ट सपोर्ट के लिए आवश्यक है।
मान
- ltr - बाएँ से दाएँ (Left-to-Right) - डिफ़ॉल्ट (अंग्रेजी, हिंदी, आदि)
- rtl - दाएँ से बाएँ (Right-to-Left) - अरबी, हिब्रू, फारसी, उर्दू
- auto - ब्राउज़र कंटेंट के आधार पर निर्धारित करे (HTML5 में जोड़ा गया)
उदाहरण: RTL टेक्स्ट
<!DOCTYPE html> <html> <body> <h2>डेमो हेडिंग</h2> <p>यह सामान्य टेक्स्ट है (LTR)।</p> <p dir="rtl">यह टेक्स्ट दाएँ से बाएँ प्रदर्शित होगा।</p> </body> </html>
आउटपुट
दूसरा पैराग्राफ दाएँ से बाएँ दिशा में प्रदर्शित होगा (पंक्ति दाएँ से शुरू, विराम चिह्न दाएँ तरफ)।
कोड व्याख्या
<p dir="rtl">यह टेक्स्ट दाएँ से बाएँ प्रदर्शित होगा।</p>
उपयोग के मामले
- बहुभाषी पेज्स पर RTL भाषा खंड
- उपयोगकर्ता-जनित कंटेंट जिसकी दिशा अज्ञात हो (
dir="auto") <bdi>टैग के साथ अलगाव के लिए<bdo>टैग के साथ ओवरराइड के लिए
संबंधित टैग्स
- <bdi> (बाईडायरेक्शनल आइसोलेशन) - आसपास के टेक्स्ट से दिशा अलग करता है
- <bdo> (बाईडायरेक्शनल ओवरराइड) - दिशा बाध्य करता है (
<bdo dir="rtl">)
CSS समकक्ष
/* CSS के बजाय dir एट्रिब्यूट उपयोग करें - सेमेंटिक है */
[dir="rtl"] { direction: rtl; }
[dir="ltr"] { direction: ltr; }
नोट
dir ग्लोबल एट्रिब्यूट है - किसी भी एलिमेंट पर उपयोग कर सकते हैं। <html dir="rtl"> से पूरे पेज के लिए RTL सेट करें।
