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

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


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

उदाहरण

निम्नलिखित नमूना सिंटैक्स दिखाता है:

<!DOCTYPE html> <html>    <head>       <style>          div {             width: 200px;             border: 2px solid #000000;          }          div.b {             word-wrap: break-word;          }       </style>    </head>    <body>       <h2>word-wrap: break-word प्रॉपर्टी</h2>       <div class = "b"> ThisisdemotextThisisdemotext:       thisisaveryveryveryveryveryverylongword. The long word wraps to       the next line.</div>    </body> </html>

आउटपुट

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


  1. CSS के साथ लाइन तोड़ें और अगली लाइन पर लपेटें CSS के साथ लाइन तोड़ें और अगली लाइन पर लपेटें

    लाइन तोड़कर अगली लाइन पर लपेटने के लिए word-wrap प्रॉपर्टी का उपयोग करें। CSS में word-wrap प्रॉपर्टी लागू करने के लिए निम्नलिखित कोड आज़माएं: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {    

  1. CSS में writing-mode प्रॉपर्टी CSS में writing-mode प्रॉपर्टी

    writing-mode प्रॉपर्टी का उपयोग यह सेट करने के लिए किया जाता है कि टेक्स्ट की लाइनें क्षैतिज या लंबवत रूप से रखी गई हैं। प्रॉपर्टी मान writing-mode: horizontal-tb | vertical-rl | vertical-lr; उदाहरण <!DOCTYPE html> <html> <head> <style> p { writing-mode: vertic

  1. CSS pointer-events प्रॉपर्टी CSS pointer-events प्रॉपर्टी

    pointer-events प्रॉपर्टी तय करती है कि तत्व पॉइंटर इवेंट (क्लिक, होवर, टच) पर प्रतिक्रिया देगा या नहीं। none से तत्व क्लिक-थ्रू हो जाता है, auto डिफ़ॉल्ट व्यवहार है। उदाहरण <!DOCTYPE html> <html> <head> <style> body { font-family: Segoe UI, Tahoma, Geneva, Verdana, sa