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

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


लाइन तोड़कर अगली लाइन पर लपेटने के लिए word-wrap प्रॉपर्टी का उपयोग करें। CSS में 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.       लंबा शब्द अगली लाइन पर लपेटता है।</div>    </body> </html>

आउटपुट

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


  1. CSS में border-color प्रॉपर्टी CSS में border-color प्रॉपर्टी

    CSS border-color प्रॉपर्टी का उपयोग एलिमेंट्स के लिए बॉर्डर कलर स्पेसिफाई करने के लिए किया जाता है। हम border-top-color, border-right-color, border-left-color और border-right-color प्रॉपर्टीज़ का उपयोग करके इंडिविजुअल साइड्स के लिए कलर भी सेट कर सकते हैं।सिंटैक्सCSS border-color प्रॉपर्टी का सिंटैक्

  1. CSS से नेक्स्ट और प्रीवियस बटन कैसे बनाएं? CSS से नेक्स्ट और प्रीवियस बटन कैसे बनाएं?

    नेविगेशन के लिए गोलाकार प्रीवियस (←) और नेक्स्ट (→) बटन बनाए जा सकते हैं। ये पेजिनेशन, स्लाइडर या स्टेप-आधारित फॉर्म में उपयोगी होते हैं। उदाहरण <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1 /> <style> a {

  1. CSS hyphens प्रॉपर्टी के साथ टेक्स्ट में हाइफ़न जोड़ना CSS hyphens प्रॉपर्टी के साथ टेक्स्ट में हाइफ़न जोड़ना

    परिचय CSS hyphens प्रॉपर्टी का उपयोग करके, हम निर्दिष्ट कर सकते हैं कि टेक्स्ट में हाइफ़न कैसे जोड़े जाएं। यह संकीर्ण कंटेनरों या जस्टिफाइड टेक्स्ट में टेक्स्ट रैपिंग में सुधार के लिए विशेष रूप से उपयोगी है। उदाहरण 1: मैनुअल बनाम कोई हाइफ़न नहीं <!DOCTYPE html> <html> <head> &l