Reader

ruby-align, बेसलाइन के तौर पर अब उपलब्ध है

| Web Dev Blog | Default

पब्लिश करने की तारीख: 21 फ़रवरी, 2025

एचटीएमएल <ruby> एलिमेंट की मदद से, बेस टेक्स्ट के ऊपर या बगल में फ़ोनिएटिक एनोटेशन या अन्य ज़रूरी जानकारी दिखाई जा सकती है. इसका इस्तेमाल आम तौर पर पूर्वी एशियाई भाषाओं में किया जाता है.

<ruby> एलिमेंट में दो मुख्य हिस्से होते हैं. पहला, मुख्य टेक्स्ट यानी रूबी बेस और दूसरा, एनोटेशन टेक्स्ट यानी रूबी टेक्स्ट. एनोटेशन टेक्स्ट को <rt> एलिमेंट से मार्क किया जाता है.


<ruby>
  絵文字
  <rt>emoji</rt>
</ruby>

जैपनीज़ टेक्स्ट के ऊपर, अंग्रेज़ी में रूबी एनोटेशन &#39;इमोजी&#39;.
जैपनीज़ बेस टेक्स्ट के ऊपर, अंग्रेज़ी उच्चारण को एनोटेशन के तौर पर दिखाया गया है.

ruby-align

ruby-align सीएसएस प्रॉपर्टी, रूबी बेस टेक्स्ट और रूबी एनोटेशन टेक्स्ट के अलाइनमेंट को कंट्रोल करती है. प्रॉपर्टी में कीवर्ड की वैल्यू में से कोई एक वैल्यू डाली जा सकती है: space-around, space-between, start, और center.

किसी चीनी टेक्स्ट पर पिनयिन रूबी एनोटेशन.
ruby-align प्रॉपर्टी के इस्तेमाल के उदाहरण दिखाने वाली इमेज.