CSS आउटलाइन-ऑफ़सेट संपत्ति
उदाहरण
बॉर्डर किनारे के बाहर एक 4 पिक्सेल ठोस लाल आउटलाइन 15 पिक्सेल निर्दिष्ट करें:
div
{
outline: 4px solid red;
outline-offset: 15px;
}
परिभाषा और उपयोग
outline-offset
संपत्ति एक तत्व की रूपरेखा और किनारे या सीमा के बीच की जगह जोड़ती है ।
एक तत्व और उसकी रूपरेखा के बीच का स्थान पारदर्शी होता है।
रूपरेखा तीन तरह से सीमाओं से भिन्न होती है:
- एक रूपरेखा सीमा के किनारे के बाहर तत्वों के चारों ओर खींची गई रेखा है
- एक रूपरेखा जगह नहीं लेती है
- एक रूपरेखा गैर-आयताकार हो सकती है
डिफ़ॉल्ट मान: | 0 |
---|---|
विरासत में मिला: | नहीं |
एनिमेटेबल: | हाँ, व्यक्तिगत गुण देखें । एनिमेटेबल के बारे में पढ़ें |
संस्करण: | CSS3 |
जावास्क्रिप्ट सिंटैक्स: | ऑब्जेक्ट .style.outlineOffset="15px" |
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Property | |||||
---|---|---|---|---|---|
outline-offset | 4.0 | 15.0 | 3.5 | 3.1 | 10.5 |
सीएसएस सिंटेक्स
outline-offset: length|initial|inherit;
सम्पत्ति की कीमत
Value | Description |
---|---|
length | The distance the outline is outset from the border edge. Default value is 0 |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस यूजर इंटरफेस
एचटीएमएल डोम संदर्भ: रूपरेखा ऑफसेट संपत्ति