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

CSS से निचले बॉर्डर की चौड़ाई बदलें

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

उदाहरण

<html>
  <head>
  </head>
  <body>
    <p style="border-bottom-width:6px;border-style:solid;">
      This is demo content.
    </p>
  </body>
</html>
  1. - CSS से ट्रांसफॉर्म्ड एलिमेंट्स की पोजीशन बदलें

    CSS से ट्रांसफॉर्म्ड एलिमेंट्स की पोजीशन बदलने के लिए transform-origin प्रॉपर्टी का उपयोग करें। पोजीशन बदलने के लिए निम्न कोड चलाकर देखें: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          .demo1 {    

  1. - CSS padding प्रॉपर्टी से बटन का पैडिंग बदलें

    CSS padding प्रॉपर्टी का उपयोग करके बटन (या किसी भी तत्व) के अंदर कंटेंट और बॉर्डर के बीच की जगह (पैडिंग) को नियंत्रित किया जा सकता है। यह बटन के आकार और क्लिक करने योग्य क्षेत्र को प्रभावित करता है। उदाहरण नीचे दिए गए उदाहरण में, बटन पर padding: 10px लागू करके पैडिंग सेट की गई है। <!DOCTYPE ht

  1. - CSS width प्रॉपर्टी से बटन की चौड़ाई सेट करें

    CSS width प्रॉपर्टी का उपयोग करके बटन (या किसी भी तत्व) की निश्चित चौड़ाई सेट की जा सकती है। यह बटन के आकार को कंटेंट से स्वतंत्र बनाता है और लेआउट में स्थिरता प्रदान करता है। उदाहरण नीचे दिए गए उदाहरण में, बटन पर width: 120px के साथ अन्य स्टाइल्स (गोल कोने, डैश्ड बॉर्डर) लागू किए गए हैं। <!DOC