width प्रॉपर्टी का उपयोग किसी बॉक्स की चौड़ाई निर्धारित करने के लिए किया जाता है। यह लंबाई (px, em, rem), प्रतिशत (%), या auto कीवर्ड मान स्वीकार करती है।
निम्न कोड चलाकर बॉक्स की चौड़ाई सेट करें:
<html>
<head>
</head>
<body>
<p style="width:200px; height:50px; border:2px solid green; padding:15px; margin:20px;">
यह पैराग्राफ 200 पिक्सेल चौड़ा और 50 पिक्सेल ऊंचा है
</p>
</body>
</html>
CSS से इमेज पर बटन रखें - सेंटर पोज़िशनिंग
इमेज के ठीक केंद्र में बटन रखने के लिए position: absolute के साथ transform: translate(-50%, -50%) तकनीक का उपयोग करें। यह सबसे विश्वसनीय सेंटरिंग विधि है। उदाहरण: इमेज के केंद्र में बटन <!DOCTYPE html> <html> <head> <style> .box { position: relative; width
CSS column-rule-width - कॉलम रूल की चौड़ाई सेट करें
column-rule-width प्रॉपर्टी मल्टी-कॉलम लेआउट में कॉलम के बीच की विभाजक रेखा (रूल) की चौड़ाई निर्धारित करती है। यह column-rule शॉर्टहैंड का हिस्सा है। उदाहरण: 5px चौड़ी डैश्ड रूल <!DOCTYPE html> <html> <head> <style> .demo { column-count: 4; column-gap: 50p
CSS से टैब वर्ण की चौड़ाई सेट करें
CSS tab-size प्रॉपर्टी का उपयोग करके टैब वर्ण (\\t) की चौड़ाई स्पेस में सेट करें। यह <pre> या कोड ब्लॉक में उपयोगी है। उदाहरण <!DOCTYPE html> <html> <head> <style> #demo { &