CSS में text-justify प्रॉपर्टी

text-justify प्रॉपर्टी

CSS में text-justify प्रॉपर्टी का उपयोग टेक्स्ट के जस्टिफिकेशन मेथड को सेट करने के लिए किया जाता है जब text-align प्रॉपर्टी को justify मान पर सेट किया जाता है।

संभावित मान:

text-justify: auto | inter-word | inter-character | none | initial | inherit;

मानों का विवरण:

• auto: ब्राउज़र तय करता है (डिफ़ॉल्ट)
• inter-word: शब्दों के बीच स्पेस एडजस्ट करता है
• inter-character: कैरेक्टर्स के बीच स्पेस एडजस्ट करता है
• none: जस्टिफिकेशन डिसेबल करता है

उदाहरण

inter-word मान के साथ जस्टिफिकेशन:

<!DOCTYPE html>
<html>
<head>
<style>
div {
  text-align: justify;
  text-justify: inter-word;
  color: white;
  background-color: gray;
}
</style>
</head>
<body>
<h2>डेमो हेडिंग</h2>
<div>यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। यह डेमो टेक्स्ट है। </div>
</body>
</html>

आउटपुट

टेक्स्ट दोनों किनारों पर अलाइन होगा, शब्दों के बीच स्पेस बढ़ाकर।

ब्राउज़र विंडो रिसाइज करने पर:

जब ब्राउज़र विंडो का आकार बदला जाता है, तो जस्टिफिकेशन स्वचालित रूप से एडजस्ट होता है ताकि टेक्स्ट दोनों किनारों पर अलाइन रहे।

उपयोग की सलाह:

• inter-word अंग्रेजी जैसी भाषाओं के लिए बेहतर है
• inter-character CJK (चीनी, जापानी, कोरियाई) भाषाओं के लिए उपयुक्त
• हमेशा text-align: justify के साथ उपयोग करें