Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> CSS

CSS word-break प्रॉपर्टी


word-break प्रॉपर्टी का उपयोग लाइन तोड़ने के लिए किया जाता है।

उदाहरण

निम्नलिखित कोड वर्ड ब्रेकिंग का नमूना कोड दिखाता है:

<html>    <head>       <style>          p.text1 {             width: 140px;             border: 1px solid #000000;             word-break: keep-all;          }          p.text2 {             width: 140px;             border: 1px solid #000000;             word-break: break-all;          }       </style>    </head>    <body>       <b>हाइफ़न पर लाइन ब्रेक:</b>       <p class = "text1">Tutorials Point originated from the idea that there exists a class of       readers who respond better to online content and prefer to learn new skills at       their own pace from the comforts of their drawing rooms.</p>       <b>किसी भी कैरेक्टर पर लाइन ब्रेक</b>             <p class = "text2">Tutorials Point originated from the idea that there exists a class of       readers who respond better to online content and prefer to learn new skills at their       own pace from the comforts of their drawing rooms.</p>    </body> </html>

आउटपुट

CSS word-break प्रॉपर्टी


  1. - CSS grid-area प्रॉपर्टी

    ग्रिड एरिया शॉर्टहैंड grid-area प्रॉपर्टी से grid-row-start, grid-column-start, grid-row-end, grid-column-end एक साथ सेट करें। उदाहरण <!DOCTYPE html> <html> <head> <style> .container { display: grid; background-color: green; grid-template-

  1. - CSS grid-auto-columns प्रॉपर्टी का उपयोग

    grid-auto-columns प्रॉपर्टी का उपयोग ग्रिड में स्वतः बनने वाले कॉलम के डिफ़ॉल्ट आकार को सेट करने के लिए किया जाता है। यह तब लागू होता है जब ग्रिड आइटम स्पष्ट रूप से परिभाषित कॉलम से बाहर होते हैं। उदाहरण <!DOCTYPE html> <html> <head> <style> .container {

  1. - CSS grid-auto-flow प्रॉपर्टी का उपयोग

    grid-auto-flow प्रॉपर्टी का उपयोग ग्रिड में स्वतः रखे गए आइटम्स को शामिल करने के तरीके को नियंत्रित करने के लिए किया जाता है। यह निर्धारित करता है कि आइटम्स पंक्तियों (row) या कॉलम (column) में कैसे प्रवाहित होते हैं। उदाहरण <!DOCTYPE html> <html> <head> <style>