CSS outline-width प्रतियोगिता

रोज़गार और उपयोग

outline-width विशेषता एलिमेंट के पूरे परिधि की चौड़ाई को सेट करती है, केवल जब outline शैली none नहीं होती है तभी इस चौड़ाई को प्रभावित करती है। यदि शैली none होती है, तो चौड़ाई वास्तव में 0 पर रीसेट होती है। नकारात्मक लंबाई को सेट नहीं किया जा सकता है。

outline (परिधि) एक रेखा है जो एलिमेंट के चारों ओर ड्रा की जाती है, बॉर्डर के बाहरी किनारे पर स्थित है और एलिमेंट को आगे लाने के लिए काम करती है। outline विशेषता एलिमेंट के चारों ओर की परिधि रेखा को सेट करती है。

टिप्पणी:हमेशा outline-width विशेषता के पहले outline-style विशेषता को घोषित करें। एलिमेंट को परिधि प्राप्त होने के बाद ही उसके रंग को बदला जा सकता है。

टिप्पणी:परिधि रेखा जगह नहीं लेती है और हो सकता है कि वह वर्गाकार नहीं हो।

और देखें:

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

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

HTML DOM संदर्भ निर्देशिका:outlineWidth विशेषता

उदाहरण

परिधि के रंग को निर्दिष्ट करने के लिए चूड़ाना:

p
  {
  outline-style:dotted;
  outline-width:5px;
  }

अपने आप इसे प्रयोग कीजिए

CSS व्याकरण

outline-width: medium|thin|thick|length|initial|inherit;

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

वैल्यू वर्णन
thin संकीर्ण
medium डिफ़ॉल्ट।मध्यम परिधि को निर्दिष्ट करता है。
thick चौडी परिधि को निर्दिष्ट करता है。
length आपको परिधि की चौड़ाई के वैल्यू को निर्दिष्ट करने की अनुमति देता है。
inherit परिधि की चौड़ाई के सेट को पिछले एलिमेंट से विरासत करना निर्दिष्ट करता है。

तकनीकी विवरण

डिफ़ॉल्ट वैल्यू: medium
विरासत: no
संस्करण: CSS2
JavaScript व्याकरण: object.style.outlineWidth="thin"

TIY उदाहरण

परिधि की चौड़ाई सेट करना
इस उदाहरण में परिधि की चौड़ाई को कैसे सेट करने का दर्शन किया गया है。

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

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

च्रोम IE / एजेंडा फ़ायरफॉक्स सफ़ारी ओपेरा
1.0 8.0 1.5 1.2 7.0

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