HTML DOM Style wordBreak गुणधर्म

HTML DOM style wordBreak गुणधर्म HTML दस्तावेज़ में गैर-चीनी, जापानी और कोरियाई स्क्रिप्ट के लिए लाइन ब्रेकिंग नियमों को लौटाता और संशोधित करता है।

वाक्य रचना (Syntax)

निम्नलिखित वाक्य रचना है:

wordBreak लौटाना

object.style.wordBreak

wordBreak संशोधित करना

object.style.wordBreak = "value"

मान (Values)

यहाँ मान निम्न हो सकते हैं:

मान	व्याख्या
initial	यह इस गुणधर्म के मान को उसके डिफ़ॉल्ट मान पर सेट करता है।
inherit	यह अपने पैरेंट तत्व से इस गुणधर्म का मान विरासत में लेता है।
normal	यह शब्दों को उनके सामान्य नियमों के अनुसार तोड़ता है।
keep-all	इसमें अक्षरों के जोड़े के बीच लाइन ब्रेक की अनुमति नहीं होती।
break-all	इसमें किन्हीं दो अक्षरों के बीच लाइन ब्रेक हो सकते हैं।

उदाहरण

आइए HTML DOM style wordBreak गुणधर्म का एक उदाहरण देखें:

<!DOCTYPE html> <html> <head> <style> 
    body { 
        color: #000; 
        background: lightblue; 
        height: 100vh; 
    } 
    p { 
        border: 2px solid #fff; 
        width: 120px; 
    } 
    .btn { 
        background: #db133a; 
        border: none; 
        height: 2rem; 
        border-radius: 2px; 
        width: 40%; 
        display: block; 
        color: #fff; 
        outline: none; 
        cursor: pointer; 
        margin: 1rem 0; 
    } 
</style> </head> <body> 
<h1>DOM Style wordBreak गुणधर्म उदाहरण</h1> 
<p>Thisisaparagraphelement.</p> 
<button onclick="add()" class="btn">wordBreak सेट करें</button> 
<script> 
    function add() { 
        document.querySelector('p').style.wordBreak = "break-all" 
    } 
</script> </body> </html>

आउटपुट

यह निम्न आउटपुट उत्पन्न करेगा:

HTML DOM Style wordBreak गुणधर्म

"wordBreak सेट करें" बटन पर क्लिक करके पैराग्राफ तत्व के अंदर लंबे शब्द को तोड़ें:

HTML DOM Style wordBreak गुणधर्म