रूपरेखा-चौड़ाई गुण को तत्व की सीमाओं के चारों ओर विशिष्ट मोटाई की रेखा खींचने के लिए परिभाषित किया जा सकता है, लेकिन रूपरेखा किसी तत्व के आयामों का हिस्सा नहीं है, सीमा संपत्ति के विपरीत।
सिंटैक्स
CSS आउटलाइन-चौड़ाई प्रॉपर्टी का सिंटैक्स इस प्रकार है -
<पूर्व>चयनकर्ता { बाह्यरेखा-चौड़ाई:/*मान*/}नोट - रूपरेखा-चौड़ाई घोषित करने से पहले रूपरेखा-शैली की संपत्ति को परिभाषित करने की आवश्यकता है।
आइए आउटलाइन-चौड़ाई प्रॉपर्टी के लिए एक उदाहरण देखें -
उदाहरण
<हेड> <शीर्षक> सीएसएस रूपरेखा-चौड़ाई <शैली> अवधि { मार्जिन:15 पीएक्स; पैडिंग:20px; सीमा-शैली:ठोस; सीमा-रंग:लाइमग्रीन क्रिमसन; स्थिति:निरपेक्ष; रूपरेखा-चौड़ाई:5px; रूपरेखा-शैली:रिज; रूपरेखा-रंग:नारंगी; सीमा-त्रिज्या:50%;}#शोडिव { मार्जिन:ऑटो; सीमा-शैली:ठोस; सीमा-रंग:डार्कमैजेंटा डोजरब्लू; रूपरेखा-शैली:बिंदीदार; रूपरेखा-रंग:काला; ऊंचाई:80 पीएक्स; चौड़ाई:80px;}#कंटेनर {चौड़ाई:50%; मार्जिन:50px ऑटो;}
आउटपुट
उपरोक्त कोड के लिए आउटपुट निम्नलिखित है -
उदाहरण
आइए आउटलाइन-चौड़ाई प्रॉपर्टी के लिए एक और उदाहरण देखें -
CSS आउटलाइन-चौड़ाई
उदाहरण और लाइव रनिंग कोड के साथ सीखना मजेदार है।
आउटपुट
उपरोक्त कोड के लिए आउटपुट निम्नलिखित है -
