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

CSS width प्रॉपर्टी

बॉक्स की चौड़ाई निर्धारित करें

width प्रॉपर्टी बॉक्स की चौड़ाई सेट करती है। मान: लंबाई, प्रतिशत, या auto।

उदाहरण

<html>
  <head>
  </head>
  <body>
    <p style="width:200px; height:50px; border:2px solid green; padding:15px; margin:20px;">
      यह पैराग्राफ 200 पिक्सेल चौड़ा और 50 पिक्सेल ऊंचा है
    </p>
  </body>
</html>

  1. CSS शेप्स बनाएं: आयत, वृत्त, त्रिकोण, दिल और अधिक CSS शेप्स बनाएं: आयत, वृत्त, त्रिकोण, दिल और अधिक

    आइए आगे बढ़ें और कुछ मजेदार CSS शेप्स बनाएं! आयत और वर्ग (Rectangles and Squares) डिफ़ॉल्ट रूप से डिव एक वर्ग या आयत होता है जो चौड़ाई और ऊंचाई प्रॉपर्टीज पर निर्भर करता है। वर्ग की समान चौड़ाई और ऊंचाई होती है जबकि आयत की नहीं: .rectangle { width: 2rem; height: 4rem; background-color: violet; } .s

  1. - CSS से टैब वर्ण की चौड़ाई सेट करें

    CSS tab-size प्रॉपर्टी का उपयोग करके टैब वर्ण (\\t) की चौड़ाई स्पेस में सेट करें। यह <pre> या कोड ब्लॉक में उपयोगी है। उदाहरण <!DOCTYPE html> <html>    <head>       <style>          #demo {         &

  1. - CSS width प्रॉपर्टी को एनिमेट करें

    CSS में width प्रॉपर्टी पर एनिमेशन लागू करने का तरीका यहां दिखाया गया है। यह तत्व की चौड़ाई को समय के साथ बदलता है। उदाहरण <!DOCTYPE html> <html> <head> <style> div { width: 300px; height: 250px; background-color: maroon; col