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

CSS के साथ आउटलाइन की चौड़ाई सेट करें

outline-width प्रॉपर्टी का उपयोग आउटलाइन की चौड़ाई सेट करने के लिए किया जाता है। इसका मान लंबाई या thin, medium, या thick मानों में से एक होना चाहिए, ठीक border-width एट्रिब्यूट की तरह।

उदाहरण

<html>    <head>    </head>    <body>       <p style = "outline-width:thin; outline-style:solid;">          This text is having thin outline.       </p>       <br />       <p style = "outline-width:thick; outline-style:dashed;">          This text is having thick outline.       </p>       <br />       <p style = "outline-width:5px; outline-style:dotted;">          This text is having 5x outline.       </p>    </body> </html>
  1. - CSS width प्रॉपर्टी से बटन की चौड़ाई सेट करें

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

  1. - CSS column-rule-width - कॉलम रूल की चौड़ाई सेट करें

    column-rule-width प्रॉपर्टी मल्टी-कॉलम लेआउट में कॉलम के बीच की विभाजक रेखा (रूल) की चौड़ाई निर्धारित करती है। यह column-rule शॉर्टहैंड का हिस्सा है। उदाहरण: 5px चौड़ी डैश्ड रूल <!DOCTYPE html> <html> <head> <style> .demo { column-count: 4; column-gap: 50p

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

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