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

CSS से निचले बॉर्डर की शैली बदलें

border-bottom-style गुण निचले बॉर्डर की शैली बदलता है। निम्न कोड चलाकर border-bottom-style गुण लागू करें:

उदाहरण

<html>
  <head>
  </head>
  <body>
    <p style="border-width:4px;border-bottom-style:dashed;">
      This is demo content
    </p>
  </body>
</html>
  1. CSS से बॉटम बॉर्डर की स्टाइल सेट करें CSS से बॉटम बॉर्डर की स्टाइल सेट करें

    border-bottom-style प्रॉपर्टी का उपयोग किसी एलिमेंट के निचले बॉर्डर की स्टाइल सेट करने के लिए border-bottom-style प्रॉपर्टी का उपयोग किया जाता है। यह प्रॉपर्टी केवल बॉटम बॉर्डर को प्रभावित करती है। संभावित मान dotted - बिंदीदार बॉर्डर dashed - डैश्ड बॉर्डर solid - ठोस बॉर्डर double - डबल ब

  1. - CSS से एक्टिव लिंक को स्टाइल करें

    :active सेलेक्टर का उपयोग :active सेलेक्टर उस लिंक (या बटन) को स्टाइल करता है जब यूजर उस पर **माउस बटन दबाए रखता है** (क्लिक के दौरान)। यह विज़ुअल फीडबैक देता है कि लिंक दबाया गया है। उदाहरण <!DOCTYPE html> <html> <head> <style> a:active { background-colo

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

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