CSS outline-color प्रभाव

विनियमा और उपयोग

outline (आकृति) यह तत्व के चारों ओर लिखी गई एक रेखा है जो किनारा के बाहर है और तत्व को उभारने का काम करती है।outline विशेषता तत्व के चारों ओर की रेखा को सेट कर सकती है।

टिप्पणी:outline-color विशेषता के पहले यादृच्छिक शैली को हमेशा घोषित करें।तत्व को आकृति प्राप्त होने के बाद ही आकृति का रंग बदला जा सकता है।

टिप्पणी:आकृति रेखा स्थान लेती नहीं है और न ही हमेशा वर्गाकार होती है।

outline-color विशेषता एक तत्व के पूरे आकृति में दिखने वाले रंग को सेट करती है।याद रखना कि आकृति का शैली none नहीं होनी चाहिए, अन्यथा आकृति नहीं दिखेगी।

और देखें:

CSS पढ़ाई:CSS का ओवरले

CSS संदर्भ पुस्तका:outline विशेषता

HTML DOM संदर्भ पुस्तका:outlineColor विशेषता

उदाहरण

सूचक आकृति का रंग सेट करें:

p
  {
  outline-style:dotted;
  outline-color:#00ff00;
  }

अपने आप अभ्यास करें

CSS व्याकरण

outline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

विशेषता मूल्य

मूल्य वर्णन
color_name विनियमा को रंग के नाम के रंग के आकृति का रंग (उदाहरण रूप में red) निर्दिष्ट करता है।
hex_number विनियमा को हेक्साडेसिमल मूल्य के रंग के आकृति का रंग (उदाहरण रूप में #ff0000) निर्दिष्ट करता है।
rgb_number विनियमा को rgb कोड के रंग के आकृति का रंग (उदाहरण रूप में rgb(255,0,0)) निर्दिष्ट करता है।
invert मूलभूत।कलर इनवर्ट (विपरीत कलर) करता है।यह आकृति विभिन्न पृष्ठभूमि कलरों में दिखने वाला है।
inherit विनियमा को पितृ तत्व से आकृति का रंग के सेट को विरासत करने के लिए निर्दिष्ट किया गया है।

तकनीकी विवरण

मूलभूत मूल्य: invert
विरासत करने की क्षमता: no
संस्करण: CSS2
JavaScript व्याकरण: object.style.outlineColor="#0000FF"

TIY उदाहरण

आकृति का रंग सेट करना
यह उदाहरण दर्शाता है कि किस तरह आकृति का रंग सेट किया जाता है।

ब्राउज़र समर्थन

तालिका में दिए गए नंबर इस विशेषता का पूर्ण समर्थन करने वाले पहले ब्राउज़र का संस्करण को सूचित करते हैं।

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.5 1.2 7.0

टिप्पणी:यदि !DOCTYPE निर्दिष्ट किया गया है, तो IE8 outline विशेषता का समर्थन करता है।