हाइफ़न गुण का उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि जब पाठ कई पंक्तियों में लपेटता है तो शब्दों को कैसे हाइफ़न किया जाता है। इसके निम्नलिखित मान हैं -
hyphens: none|manual|auto|initial|inherit;
उदाहरण
<!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>Demo Heading</h1>
<h2>hyphens: manual property value</h2>
<div class="demo">This is a demo text.</div>
</body>
</html> आउटपुट
उदाहरण
आइए अब एक और उदाहरण देखें -
<!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>Demo Heading</h1>
<h2>hyphens: auto property value</h2>
<div class="demo">This isssssss a demo text.</div>
</body>
</html> आउटपुट
