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

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

border गुण आपको एक ही गुण में रंग, शैली और चौड़ाई निर्दिष्ट करने की अनुमति देता है।

उदाहरण

निम्न कोड चलाकर border गुण निर्दिष्ट करें:

<html>
  <head>
  </head>
  <body>
    <p style="border:3px solid green;">
      This example is showing shorthand property for border.
    </p>
  </body>
</html>

शॉर्टहैंड क्रम: border-width border-style border-color।

  1. - CSS से बाएं बॉर्डर का रंग बदलें

    border-left-color गुण बाएं बॉर्डर का रंग बदलता है। निम्न कोड चलाकर border-left-color गुण लागू करें: उदाहरण <html> <head> <style> p.demo { border:3px solid; border-left-color:#FF0000; } </style> </head> <body> <p cla

  1. - CSS से बॉर्डर का रंग सेट करें

    border-color गुण बॉर्डर का रंग निर्दिष्ट करता है। निम्न कोड चलाकर border-color गुण लागू करें: उदाहरण <html> <head> <style> p.demo { border:2px dashed; border-color:#800000; } </style> </head> <body> <p class=demo>

  1. - CSS में एक ही स्टेटमेंट में आउटलाइन की चौड़ाई, लाइन स्टाइल और कलर प्रॉपर्टीज सेट करें

    outline प्रॉपर्टी एक शॉर्टहैंड प्रॉपर्टी है जो आपको आउटलाइन की चौड़ाई, लाइन स्टाइल और कलर जैसी कई प्रॉपर्टीज के मान निर्दिष्ट करने की अनुमति देती है। उदाहरण <html>    <head>    </head>    <body>       <p style = "outline:th