outline
बॉर्डर
बॉर्डर के बाहर खिंची रेखा; जगह नहीं लेती, इसलिए कीबोर्ड फ़ोकस में काम आती है।
| कैसे लिखें | outline: none; |
|---|---|
| सामान्य मान | none, 2px solid #0ea5e9 |
| विरासत | नहीं — यहीं रुक जाती है |
| एक साथ तय करता है | outline-width, outline-style, outline-color |
| श्रेणी | बॉर्डर |
कैसे पढ़ें
- विरासत में जाने वाली प्रॉपर्टी मूल तत्व पर एक बार लिखें — सभी बच्चे उसे पा लेते हैं। पाठ की अधिकांश प्रॉपर्टी ऐसी ही हैं।
- शॉर्टहैंड छोड़े गए मान रीसेट कर देता है। सिर्फ़ background: red लिखने पर पहले लगाई पृष्ठभूमि छवि भी मिट जाती है।
- नियम टकराएँ तो अधिक विशिष्ट सिलेक्टर जीतता है; विशिष्टता बराबर हो तभी क्रम तय करता है।
- सहजता के लिए transform और opacity एनिमेट करें। width या top बदलने पर लेआउट दोबारा गणना करनी पड़ती है।
अक्सर पूछे जाने वाले सवाल
Q. CSS outline प्रॉपर्टी क्या है?
बॉर्डर के बाहर खिंची रेखा; जगह नहीं लेती, इसलिए कीबोर्ड फ़ोकस में काम आती है।
Q. outline कैसे लिखें?
इस तरह: outline: none; सामान्य मान: none, 2px solid #0ea5e9।
Q. क्या outline विरासत में जाती है?
नहीं। यह वहीं लागू होती है जहाँ लिखी जाए, इसलिए हर तत्व के लिए अलग लिखनी पड़ती है।
Q. outline शॉर्टहैंड क्या-क्या तय करता है?
outline-width, outline-style, outline-color — और जो छोड़ा जाए वह डिफ़ॉल्ट पर लौट जाता है।