सीएसएस ट्यूटोरियल

सीएसएस होम सीएसएस परिचय सीएसएस सिंटेक्स सीएसएस चयनकर्ता सीएसएस कैसे करें सीएसएस टिप्पणियाँ सीएसएस रंग सीएसएस पृष्ठभूमि सीएसएस बॉर्डर्स सीएसएस मार्जिन सीएसएस पैडिंग सीएसएस ऊंचाई/चौड़ाई सीएसएस बॉक्स मॉडल सीएसएस रूपरेखा सीएसएस पाठ सीएसएस फ़ॉन्ट्स सीएसएस प्रतीक सीएसएस लिंक सीएसएस सूचियां सीएसएस टेबल्स सीएसएस प्रदर्शन सीएसएस अधिकतम-चौड़ाई सीएसएस स्थिति सीएसएस जेड-इंडेक्स सीएसएस अतिप्रवाह सीएसएस फ्लोट सीएसएस इनलाइन-ब्लॉक सीएसएस संरेखित करें सीएसएस संयोजक सीएसएस छद्म वर्ग सीएसएस छद्म तत्व सीएसएस अस्पष्टता सीएसएस नेविगेशन बार सीएसएस ड्रॉपडाउन सीएसएस छवि गैलरी सीएसएस छवि स्प्राइट्स सीएसएस एटीआर चयनकर्ता सीएसएस फॉर्म सीएसएस काउंटर सीएसएस वेबसाइट लेआउट सीएसएस इकाइयां सीएसएस विशिष्टता सीएसएस !महत्वपूर्ण सीएसएस गणित कार्य

सीएसएस उन्नत

सीएसएस गोल कोनों सीएसएस सीमा छवियां सीएसएस पृष्ठभूमि सीएसएस रंग सीएसएस रंग कीवर्ड सीएसएस ग्रेडिएंट सीएसएस छाया सीएसएस पाठ प्रभाव सीएसएस वेब फ़ॉन्ट्स CSS 2D ट्रांसफ़ॉर्म CSS 3D ट्रांसफ़ॉर्म सीएसएस संक्रमण सीएसएस एनिमेशन सीएसएस टूलटिप्स सीएसएस शैली छवियां सीएसएस छवि प्रतिबिंब CSS ऑब्जेक्ट-फिट सीएसएस वस्तु-स्थिति सीएसएस मास्किंग सीएसएस बटन सीएसएस पेजिनेशन सीएसएस एकाधिक कॉलम सीएसएस यूजर इंटरफेस सीएसएस चर सीएसएस बॉक्स साइजिंग सीएसएस मीडिया प्रश्न सीएसएस एमक्यू उदाहरण सीएसएस फ्लेक्सबॉक्स

सीएसएस उत्तरदायी

आरडब्ल्यूडी परिचय आरडब्ल्यूडी व्यूपोर्ट आरडब्ल्यूडी ग्रिड व्यू आरडब्ल्यूडी मीडिया प्रश्न आरडब्ल्यूडी छवियां आरडब्ल्यूडी वीडियो आरडब्ल्यूडी फ्रेमवर्क आरडब्ल्यूडी टेम्पलेट्स

सीएसएस ग्रिड

ग्रिड परिचय ग्रिड कंटेनर ग्रिड आइटम

सीएसएस एसएएसएस

एसएएसएस ट्यूटोरियल

सीएसएस उदाहरण

सीएसएस टेम्पलेट्स सीएसएस उदाहरण सीएसएस प्रश्नोत्तरी सीएसएस अभ्यास सीएसएस प्रमाणपत्र

सीएसएस संदर्भ

सीएसएस संदर्भ सीएसएस चयनकर्ता सीएसएस कार्य सीएसएस संदर्भ कर्ण सीएसएस वेब सुरक्षित फ़ॉन्ट्स सीएसएस एनिमेटेबल सीएसएस इकाइयां सीएसएस पीएक्स-ईएम कनवर्टर सीएसएस रंग सीएसएस रंग मान सीएसएस डिफ़ॉल्ट मान सीएसएस ब्राउज़र समर्थन

सीएसएस रूपरेखा रंग


सीएसएस रूपरेखा रंग

outline-colorसंपत्ति का उपयोग रूपरेखा का रंग निर्धारित करने के लिए किया जाता है

रंग द्वारा निर्धारित किया जा सकता है:

  • नाम - एक रंग नाम निर्दिष्ट करें, जैसे "लाल"
  • हेक्स - एक हेक्स मान निर्दिष्ट करें, जैसे "#ff0000"
  • आरजीबी - एक आरजीबी मान निर्दिष्ट करें, जैसे "आरजीबी (255,0,0)"
  • एचएसएल - एक एचएसएल मान निर्दिष्ट करें, जैसे "एचएसएल (0, 100%, 50%)"
  • उलटा - एक रंग उलटा करता है (जो सुनिश्चित करता है कि रंग पृष्ठभूमि की परवाह किए बिना रूपरेखा दिखाई दे रही है)

निम्नलिखित उदाहरण विभिन्न रंगों के साथ कुछ अलग रूपरेखा दिखाता है। यह भी ध्यान दें कि इन तत्वों की रूपरेखा के अंदर एक पतली काली सीमा भी है:

एक ठोस लाल रूपरेखा।

एक बिंदीदार नीली रूपरेखा।

एक शुरुआत ग्रे रूपरेखा।

उदाहरण

p.ex1 {
  border: 2px solid black;
  outline-style: solid;
  outline-color: red;
}

p.ex2 {
  border: 2px solid black;
  outline-style: dotted;
  outline-color: blue;
}

p.ex3 {
  border: 2px solid black;
  outline-style: outset;
  outline-color: grey;
}

हेक्स मान

आउटलाइन रंग को हेक्साडेसिमल मान (HEX) का उपयोग करके भी निर्दिष्ट किया जा सकता है:

उदाहरण

p.ex1 {
  outline-style: solid;
  outline-color: #ff0000; /* red */
}

आरजीबी मूल्य

या आरजीबी मूल्यों का उपयोग करके:

उदाहरण

p.ex1 {
  outline-style: solid;
  outline-color: rgb(255, 0, 0); /* red */
}

एचएसएल मान

आप एचएसएल मूल्यों का भी उपयोग कर सकते हैं:

उदाहरण

p.ex1 {
  outline-style: solid;
  outline-color: hsl(0, 100%, 50%); /* red */
}

आप हमारे सीएसएस कलर्स चैप्टर में एचईएक्स, आरजीबी और एचएसएल मूल्यों के बारे में अधिक जान सकते हैं ।