CSS3 में वर्ड ब्रेकिंग नियम निर्दिष्ट करने के लिए, word-break प्रॉपर्टी का उपयोग करें। यह प्रॉपर्टी लाइन ब्रेक करने के लिए उपयोग की जाती है। संभावित मानों में normal, break-all, keep-all, break-word, आदि शामिल हैं।
CSS3 का उपयोग करके वर्ड ब्रेकिंग नियम निर्दिष्ट करने का कोड निम्न है -
उदाहरण
<!DOCTYPE html> <html> <head> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } span { display: inline-block; font-weight: bold; font-size: 20px; margin-right: 20px; } div { width: 50px; border: 3px solid #3008c0; margin: 10px; padding: 10px; font-size: 18px; display: inline-block; margin-right: 20px; } .normal { word-break: normal; } .break-all { word-break: break-all; } .break-word { word-break: break-word; } </style> </head> <body> <h1>Word Breaking Rules Example</h1> <span>NORMAL </span> <span>BREAK ALL</span> <span>BREAK WORD</span> <br /> <div class="normal"> Lorem ipsum dolor sit amet consectetur adipisicing elit. </div> <div class="break-all"> Lorem ipsum dolor sit amet consectetur adipisicing elit. </div> <div class="break-word"> Lorem ipsum dolor sit amet consectetur adipisicing elit. </div> </body> </html>आउटपुट
उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -
