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