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

JavaScript में बॉर्डर चौड़ाई, स्टाइल और रंग को एक घोषणा में कैसे सेट करें?

अवलोकन

border शॉर्टहैंड प्रॉपर्टी बॉर्डर की चौड़ाई, स्टाइल और रंग को एक ही घोषणा में सेट करती है।

उदाहरण

<!DOCTYPE html> <html>    <body>       <button onclick="display()">Set border</button>       <div id="box">          <p>Demo Text</p>          <p>Demo Text</p>       </div>       <script>          function display() {             document.getElementById("box").style.border = "thick dashed #000000";          }       </script>    </body> </html>
  1. - JavaScript से कॉलम चौड़ाई और कॉलम काउंट कैसे सेट करें?

    CSS कॉलम्स शॉर्टहैंड प्रॉपर्टी कॉलम चौड़ाई और कॉलम काउंट को एक ही घोषणा में सेट करने के लिए JavaScript columns प्रॉपर्टी का उपयोग करें। उदाहरण <!DOCTYPE html> <html> <head> <style> #myID { column-count: 4; column-rule: 4px solid yellow; }

  1. - JavaScript से listStyleImage, listStylePosition, listStyleType एक घोषणा में कैसे सेट करें?

    उदाहरण listStyle शॉर्टहैंड प्रॉपर्टी से सभी लिस्ट प्रॉपर्टीज़ एक साथ सेट करें। <!DOCTYPE html> <html> <body> <ol id=myID> <li>एक</li> <li>दो</li> </ol> <button type=button onclick=display()>शैली बदलें</button>

  1. - CSS में एक ही गुण में लाइन्स का रंग, शैली और चौड़ाई कैसे सेट करें?

    border गुण आपको एक ही गुण में रंग, शैली और चौड़ाई निर्दिष्ट करने की अनुमति देता है। उदाहरण निम्न कोड चलाकर border गुण निर्दिष्ट करें: <html> <head> </head> <body> <p style=border:3px solid green;> This example is showing shorthand property for border.