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

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

<घंटा/>

लाइन को तोड़ने और अगली लाइन पर रैप करने के लिए वर्ड-रैप प्रॉपर्टी का इस्तेमाल करें। CSS में वर्ड-रैप प्रॉपर्टी को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं

उदाहरण

<!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 property</h2>
      <div class = "b"> ThisisdemotextThisisdemotext:
      thisisaveryveryveryveryveryverylongword.
      The long word wraps to the next line.</div>
   </body>
</html>

आउटपुट

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


  1. CSS में बॉर्डर-कलर प्रॉपर्टी

    CSS बॉर्डर-कलर प्रॉपर्टी का उपयोग तत्वों के लिए बॉर्डर कलर निर्दिष्ट करने के लिए किया जाता है। हम बॉर्डर-टॉप-कलर, बॉर्डर-राइट-कलर, बॉर्डर-लेफ्ट-कलर और बॉर्डर-राइट-कलर प्रॉपर्टीज का उपयोग करके अलग-अलग पक्षों के लिए रंग भी सेट कर सकते हैं। सिंटैक्स CSS बॉर्डर-कलर प्रॉपर्टी का सिंटैक्स इस प्रकार है -

  1. सीएसएस के साथ अगले और पिछले बटन कैसे बनाएं?

    CSS के साथ अगला और पिछला बटन बनाने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> a {    text-decoration: none;    display: inline-blo

  1. सीएसएस हाइफ़न संपत्ति के साथ पाठ में हाइफ़न जोड़ना

    CSS हाइफ़न का उपयोग करना संपत्ति, हम निर्दिष्ट कर सकते हैं कि टेक्स्ट में हाइफ़न कैसे जोड़े जाते हैं। उदाहरण निम्नलिखित उदाहरण CSS हाइफ़न गुण को दर्शाते हैं। div {चौड़ाई:20%; सीमा:2px नाली चूना; मार्जिन:10px; पैडिंग:10px; हाइफ़न:कोई नहीं; -वेबकिट-हाइफ़न:कोई नहीं; -एमएस-हाइफ़न:कोई नहीं;}div:अंतिम-प्