CSS outline प्रयोग

वर्णन और इस्तेमाल

outline (किनारा) एलिमेंट के चारों ओर बनाया गया एक रेखा है जो किनारे के बाहरी किनारे पर स्थित है और एलिमेंट को उभार देने के लिए काम कर सकता है。

टिप्पणी：किनारा रेखा जगह लेती नहीं है और निश्चित रूप से वर्गाकार नहीं होती。

outline लघुगुण एक ही व्याख्यान में सभी किनारा गुण सेट करता है。

इस क्रम में निम्नलिखित गुण को सेट कर सकते हैं:

यदि किसी मूल्य को सेट नहीं किया जाता है, तो इससे कोई समस्या नहीं होगी, उदाहरण के लिए outline:solid #ff0000; भी अनुमति दी गई है。

और देखें:

CSS शिक्षा:CSS किनारा

HTML DOM संदर्भ दस्तावेज़:outline गुण

उदाहरण

4 ओर की किनारे की शैली को सेट करें:

p
  {
  outline:#00FF00 dotted thick;
  }

अपने आप सबसे

CSS व्याकरण

outline: outline-width outline-style outline-color|initial|inherit;

गुण मूल्य

मूल्य वर्णन
outline-color किनारे का रंग निर्दिष्ट करता है।देखें:outline-color संभावित मूल्यों
outline-style किनारे के शैली को निर्दिष्ट करता है।देखें:outline-style संभावित मूल्यों
outline-width किनारे की चौड़ाई को निर्दिष्ट करता है।देखें:outline-width संभावित मूल्यों
inherit प्रदर्शित करना चाहिए कि outline गुण की सेटिंग को पिता एलिमेंट से विरासत करना चाहिए。

तकनीकी विवरण

डिफ़ॉल्ट मूल्य： invert none medium
विरासत: no
संस्करण： CSS2
JavaScript व्याकरण： object.style.outline="#0000FF dotted thin"

TIY उदाहरण

एलिमेंट के चारों ओर रेखा बनाना
इस उदाहरण में outline गुण का इस्तेमाल करके एलिमेंट के चारों ओर एक रेखा बनाने का प्रदर्शन किया गया है。

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

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

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

टिप्पणी：यदि !DOCTYPE निर्दिष्ट किया गया है, तो IE8 outline गुण का समर्थन करता है。