CSS में रूपरेखा-शैली की संपत्ति

रूपरेखा-शैली की संपत्ति को तत्व की सीमाओं के चारों ओर एक रेखा खींचने के लिए परिभाषित किया जा सकता है, लेकिन रूपरेखा सीमा संपत्ति के विपरीत तत्व के आयामों का हिस्सा नहीं है।

सिंटैक्स

CSS आउटलाइन-स्टाइल प्रॉपर्टी का सिंटैक्स इस प्रकार है -

चयनकर्ता { रूपरेखा-शैली:/*value*/}

उदाहरण

आइए रूपरेखा-शैली . का एक उदाहरण देखें संपत्ति -

<शीर्षक>सीएसएस रूपरेखा-शैली<शैली>स्पैन { मार्जिन:15px; पैडिंग:20px; सीमा-शैली:ठोस; सीमा-रंग:#dc3545; स्थिति:निरपेक्ष; रूपरेखा-चौड़ाई:5px; रूपरेखा-शैली:दोहरा; रूपरेखा-रंग:नारंगी; सीमा-त्रिज्या:50%;}#शोडिव { मार्जिन:ऑटो; सीमा-शैली:ठोस; सीमा-रंग:डार्कमैजेंटा डोजरब्लू; रूपरेखा-शैली:नाली; रूपरेखा-रंग:काला; ऊंचाई:80 पीएक्स; चौड़ाई:80px;}#कंटेनर {चौड़ाई:50%; मार्जिन:50px ऑटो;}


 
आउटपुट
 

 उपरोक्त कोड के लिए आउटपुट निम्नलिखित है -
 

 
 
उदाहरण
 

 आइए आउटलाइन-स्टाइल प्रॉपर्टी का एक और उदाहरण देखें -
 
<शीर्षक>सीएसएस रूपरेखा-शैली<शैली>#कंटेनर { चौड़ाई:50%; मार्जिन:50 पीएक्स ऑटो;} पी {मार्जिन:ऑटो; सीमा-शैली:रिज; सीमा-चौड़ाई:10px; सीमा-रंग:हल्का नीला; रूपरेखा-शैली:धराशायी; आउटलाइन-कलर:वायलेट;}

वीडियो ट्यूटोरियल लाइव रनिंग उदाहरणों और व्यावहारिक कार्यान्वयन के साथ तकनीक को समझने में मदद करता है।
 
आउटपुट
 

 उपरोक्त कोड के लिए आउटपुट निम्नलिखित है -