hyphens प्रॉपर्टी का उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि जब टेक्स्ट कई लाइनों में लपेटता है तो शब्दों को कैसे हाइफ़नेट (हाइफ़न के साथ तोड़ा) किया जाए।
मान
hyphens: none | manual | auto | initial | inherit;
उदाहरण: manual
<!DOCTYPE html> <html>
<head>
<style>
div { width: 50px; border: 2px dashed red; }
.demo {
-webkit-hyphens: manual;
-ms-hyphens: manual;
hyphens: manual;
}
</style>
</head>
<body>
<h1>डेमो हेडिंग</h1>
<h2>hyphens: manual प्रॉपर्टी मान</h2>
<div class="demo">यह एक डेमो टेक्स्ट है।</div>
</body>
</html>
आउटपुट
उदाहरण: auto
<!DOCTYPE html> <html>
<head>
<style>
div { width: 50px; border: 2px dashed red; color: blue; }
.demo {
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
</style>
</head>
<body>
<h1>डेमो हेडिंग</h1>
<h2>hyphens: auto प्रॉपर्टी मान</h2>
<div class="demo">यह एक डेमो टेक्स्ट है।</div>
</body>
</html>
आउटपुट
व्याख्या: manual केवल सॉफ्ट हाइफ़न (­ या \u00AD) पर तोड़ता है। auto ब्राउज़र को भाषा-आधारित हाइफ़नेशन नियमों का उपयोग करके स्वचालित रूप से तोड़ने की अनुमति देता है। none हाइफ़नेशन अक्षम करता है। ब्राउज़र प्रीफिक्स (-webkit-, -ms-) की आवश्यकता हो सकती है।
