CSS outline-style प्रयोग

परिभाषा और उपयोग

outline-style गुणवत्ता का उपयोग एकेले एलिमेंट के पूरे किनारे की शैली सेट करने के लिए है। शैली none नहीं होनी चाहिए, अन्यथा किनारा नहीं दिखाई देगा।

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

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

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

और देखें:

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

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

HTML DOM संदर्भ मानचित्र:outlineStyle विशेषता

उदाहरण

वक्ष के शैली सेट करना:

p
  {
  outline-style:dotted;
  }

स्वयं प्रयोग करें

CSS व्याकरण

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

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

मूल्य वर्णन
none मूलभूत। बिना वक्ष के वक्ष को परिभाषित करता है。
hidden छिपी वक्ष को परिभाषित करता है。
dotted बिंदु रेखा की वक्ष को परिभाषित करता है。
dashed अन्धारित रेखा की वक्ष को परिभाषित करता है。
solid सख्त रेखा की वक्ष को परिभाषित करता है。
double दो रेखाओं की वक्ष को परिभाषित करता है। दो रेखाओं की चौड़ाई outline-width मूल्य के बराबर है।
groove 3D ढाली वक्ष को परिभाषित करता है। यह प्रभाव outline-color मूल्य पर निर्भर करता है。
ridge 3D गोदाम की वक्ष को परिभाषित करता है। यह प्रभाव outline-color मूल्य पर निर्भर करता है。
inset 3D ढाली वक्ष को परिभाषित करता है। यह प्रभाव outline-color मूल्य पर निर्भर करता है。
outset 3D उभार की वक्ष को परिभाषित करता है। यह प्रभाव outline-color मूल्य पर निर्भर करता है。
inherit वक्ष शैली के सेट को अभिप्राय करने के लिए निर्धारित किया जाना चाहिए। एलीमेंट के लिए वक्ष रंग को बदल सकने के लिए उसे पहले वक्ष को प्राप्त करना चाहिए。

तकनीकी विवरण

मूलभूत मूल्य: none
विरासतीयता: no
संस्करण: CSS2
JavaScript व्याकरण: object.style.outlineStyle="dotted"

TIY उदाहरण

वक्ष के शैली सेट करना
इस उदाहरण में वक्ष के शैली को सेट करने के तरीके को दिखाया गया है。

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

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

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

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