शैली सीमात्रिज्या संपत्ति
उदाहरण
एक div तत्व में गोल बॉर्डर जोड़ें:
document.getElementById("myDIV").style.borderRadius = "25px";
परिभाषा और उपयोग
BorderRadius गुण चार BorderRadius गुणों को सेट करने, या वापस करने के लिए एक शॉर्टहैंड प्रॉपर्टी है।
चार सीमा त्रिज्या गुण हैं (इस क्रम में):
बॉर्डरटॉप
लेफ्टरेडियस बॉर्डरटॉपराइटरेडियस
बॉर्डरबॉटमराइटरेडियस
बॉर्डरबॉटमलेफ्टरेडियस
युक्ति: यह गुण आपको तत्वों में गोल कोनों को जोड़ने की अनुमति देता है!
ब्राउज़र समर्थन
Property | |||||
---|---|---|---|---|---|
borderRadius | Yes | 9.0 | Yes | Yes | Yes |
वाक्य - विन्यास
सीमा रेडियस संपत्ति लौटाएं:
object.style.borderRadius
सीमा रेडियस संपत्ति सेट करें:
object.style.borderRadius = "1-4 length|% / 1-4 length|%|initial|inherit"
नोट: प्रत्येक त्रिज्या के लिए चार मान ऊपर-बाएँ, ऊपर-दाएँ, नीचे-दाएँ, नीचे-बाएँ क्रम में दिए गए हैं। यदि नीचे-बाएं छोड़ा गया है तो यह शीर्ष-दाएं जैसा ही है। यदि नीचे-दाएं छोड़ा जाता है तो यह शीर्ष-बाएं जैसा ही होता है। यदि टॉप-राइट छोड़ा गया है तो यह टॉप-लेफ्ट के समान है।
सम्पत्ति की कीमत
Value | Description |
---|---|
length | Defines the shape of the corners. Default value is 0 |
% | Defines the shape of the corners in % |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
टेक्निकल डिटेल
डिफ़ॉल्ट मान: | 0 |
---|---|
प्रतिलाभ की मात्रा: | एक स्ट्रिंग, एक तत्व की सीमा-त्रिज्या संपत्ति का प्रतिनिधित्व करती है |
सीएसएस संस्करण | CSS3 |
संबंधित पृष्ठ
सीएसएस संदर्भ: सीमा-त्रिज्या संपत्ति