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

CSS से एक घोषणा में सभी टॉप बॉर्डर प्रॉपर्टीज सेट करें

border-top शॉर्टहैंड प्रॉपर्टी

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

सिंटैक्स

border-top: <width> <style> <color>;

उदाहरण

<!DOCTYPE html>
<html>
  <head>
    <style>
      p {
        border-style: solid;
        border-top: thick dashed #FFFF00;
      }
    </style>
  </head>
  <body>
    <p>This is demo text</p>
  </body>
</html>

यहां टॉप बॉर्डर मोटी (thick), डैश्ड (dashed), और पीली (#FFFF00) है, जबकि अन्य बॉर्डर्स सॉलिड (डिफ़ॉल्ट रंग) हैं।

  1. CSS से लेफ्ट बॉर्डर की चौड़ाई सेट करें CSS से लेफ्ट बॉर्डर की चौड़ाई सेट करें

    border-left-width प्रॉपर्टी का उपयोग किसी एलिमेंट के बाएं बॉर्डर की चौड़ाई सेट करने के लिए border-left-width प्रॉपर्टी का उपयोग किया जाता है। इसके लिए border-style भी परिभाषित होना चाहिए। उदाहरण <!DOCTYPE html> <html> <head> <style> p { border-style: dash

  1. CSS float प्रॉपर्टी से एलिमेंट्स को अलाइन करें CSS float प्रॉपर्टी से एलिमेंट्स को अलाइन करें

    float प्रॉपर्टी का उपयोग float प्रॉपर्टी का उपयोग किसी एलिमेंट को उसके कंटेनर के बाएं या दाएं किनारे पर फ्लोट (तैरने) के लिए किया जाता है, जिससे टेक्स्ट और इंलाइन एलिमेंट्स उसके चारों ओर रैप हो सकें। यह पुराना लेआउट तरीका है; आधुनिक लेआउट के लिए फ्लेक्सबॉक्स/ग्रिड बेहतर हैं। उदाहरण: दाएं फ्लोट <

  1. CSS में बॉर्डर शॉर्टहैंड प्रॉपर्टी CSS में बॉर्डर शॉर्टहैंड प्रॉपर्टी

    border प्रॉपर्टी का उपयोग किसी एलिमेंट के लिए बॉर्डर प्रॉपर्टीज को परिभाषित करने के लिए किया जाता है। यह border-width, border-style और border-color के लिए एक शॉर्टहैंड है। सिंटैक्स CSS border प्रॉपर्टी का सिंटैक्स निम्नानुसार है: Selector {    border: /*value*/ } उदाहरण निम्नलिखित उदाहरण C