CSS outline-color प्रभाव
- पिछला पृष्ठ outline
- अगला पृष्ठ आउटलाइन-ऑफसेट
विनियमा और उपयोग
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 विशेषता का समर्थन करता है।
- पिछला पृष्ठ outline
- अगला पृष्ठ आउटलाइन-ऑफसेट