CSS border-right गुण
- पिछला पृष्ठ border-radius
- अगला पृष्ठ बॉर्डर-राइट-कलर
रोज़गार और उपयोग
border-right शॉर्टकट प्रॉपर्टी दायां बॉर्डर के सभी प्रॉपर्टी को एक ही डेक्लेयर में सेट करती है。
इस क्रम में निम्नलिखित प्रॉपर्टी को सेट किया जा सकता है:
अगर इनमें से कोई भी मूल्य सेट नहीं किया जाता है, तो कोई समस्या नहीं होगी, जैसे border-right:solid #ff0000; भी मंजूर है।
और देखें:
CSS शिक्षा:CSS बॉर्डर
HTML DOM संदर्भ दस्तावेज़:borderRight प्रॉपर्टी
उदाहरण
दायां बॉर्डर का शैली सेट करें:
p { border-style:solid; border-right:thick double #ff0000; }
CSS गणित
border-right: border-width border-style border-color|initial|inherit;
प्रॉपर्टी मूल्य
मूल्य | वर्णन |
---|---|
border-right-width | दायां बॉर्डर की चौड़ाई को निर्धारित करता है।देखें:border-right-width संभावित मूल्यों |
border-right-style | दायां बॉर्डर के शैली को निर्धारित करता है।देखें:border-right-style संभावित मूल्यों |
बॉर्डर-राइट-कलर | दायां बॉर्डर का रंग निर्धारित करता है।देखें:बॉर्डर-राइट-कलर संभावित मूल्यों |
inherit | बॉर्डर-राइट प्रॉपर्टी के सेट को पितृ एलिमेंट से विरासत करना निर्धारित करता है。 |
तकनीकी विवरण
डिफ़ॉल्ट मूल्य: | अविशिष्ट |
---|---|
विरासत करना: | नहीं |
संस्करण: | CSS1 |
JavaScript गणित: | object.style.borderRight="3px solid blue" |
अधिक उदाहरण
- सभी दायां बॉर्डर प्रॉपर्टीज एक ही डेक्लेयर में
- इस उदाहरण में एक शॉर्टकट अभियान को दिखाया गया है जो सभी दायां बॉर्डर प्रॉपर्टीज को एक ही डेक्लेयर में सेट करने के लिए उपयोग करता है。
ब्राउज़र समर्थन
तालिका में दिए गए नंबरों में पूर्णता से समर्थित पहली ब्राउज़र संस्करण को दर्शाया गया है。
च्रोम | IE / एज | फायरफॉक्स | सैफारी | ओपेरा |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
टिप्पणी:IE7 और अधिक पुराने ब्राउज़र 'inherit' मूल्य को नहीं समर्थित करते।IE8 के लिए !DOCTYPE आवश्यक है।IE9 'inherit' को समर्थित करता है。
- पिछला पृष्ठ border-radius
- अगला पृष्ठ बॉर्डर-राइट-कलर