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

सीएसएस के साथ सीमा चौड़ाई सेट करें

<घंटा/>

सीमा-चौड़ाई संपत्ति आपको तत्व सीमाओं की चौड़ाई निर्धारित करने की अनुमति देती है। इस गुण का मान या तो px, pt या cm में लंबाई हो सकता है या इसे पतला, मध्यम पर सेट किया जाना चाहिए या मोटा

उदाहरण

आप सीएसएस के साथ सीमा चौड़ाई निर्धारित करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं:

<html>
   <head>
   </head>
   <body>
      <p style = "border-width:4px; border-style:solid;">
         David Beckham is a legend.
      </p>
      <p style = "border-width:4pt; border-style:dashed;">
         Sachin Tendulkar is a legend.
      </p>
   </body>
</html>

  1. CSS वाले तत्वों के लिए छवि को सीमा के रूप में सेट करें

    CSS बॉर्डर-इमेज प्रॉपर्टी का उपयोग कुछ तत्वों में इमेज बॉर्डर जोड़ने के लिए किया जाता है। छवि को तत्वों के लिए सीमा के रूप में सेट करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <html>    <head>       <style>          

  1. CSS के साथ नेवबार के चारों ओर एक बॉर्डर सेट करें

    नेवबार के चारों ओर बॉर्डर जोड़ने के लिए, बॉर्डर को . पर सेट करें ul {    border: 2px solid blue; } उदाहरण सीमा निर्धारित करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं <!DOCTYPE html> <html>    <head>       <style>     &nbs

  1. CSS के साथ एक बटन की चौड़ाई सेट करें

    बटन की चौड़ाई सेट करने के लिए, CSS चौड़ाई गुण का उपयोग करें। उदाहरण आप बटन की चौड़ाई निर्धारित करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - .btn { बैकग्राउंड-कलर:येलो; रंग काला; चौड़ाई:120 पीएक्स; पाठ-संरेखण:केंद्र; फ़ॉन्ट-आकार:15px; पैडिंग:20px; सीमा-त्रिज्या:15px; सीमा:3px धराशायी नीला;