CSS border-top-left-radius प्रयोग

व्याख्या और उपयोग

border-top-left-radius गुण बाएँ ऊपरी कोने के बॉर्डर के आकार को निर्धारित करता है。

सूचना:यह गुण आपको एलिमेंट को गोलीय बॉर्डर बाड़े जोड़ने की अनुमति देता है。

और देखें:

CSS3 शिक्षा:CSS3 किनारा

उदाहरण

div एलिमेंट के बाएँ ऊपरी कोने को गोलीय बॉर्डर बाड़े जोड़ें:

div
{
border:2px solid;
border-top-left-radius:2em;
}

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

CSS व्याकरण

border-bottom-right-radius: length|% [length|%];

टिप्पणी:border-top-left-radius गुण के लंबाई मान और प्रतिशत मान से चौथाई दीर्घवृत्त (चौथाई बाहरी किनारा के कोने के आकार को निर्धारित करता है) के दायरे (radii) को निर्धारित करता है। पहला मान आड़ा दायरे है, दूसरा मान ऊंचाई का दायरे है। यदि दूसरा मान छोड़ दिया जाता है, तो पहला मान की नकल की जाती है। यदि लंबाई शून्य है, तो कोना वर्गाकार होता है, न की गोला। आड़ा दायरे का प्रतिशत मान बॉक्स की चारों ओर की चौड़ाई को संदर्भित करता है, और ऊंचाई का प्रतिशत मान बॉक्स की ऊंचाई को संदर्भित करता है。

गुण मूल्य

मूल्य वर्णन परीक्षण
length बाएँ निचले कोने का आकार निर्धारित करें。 परीक्षण
% अनुपातिक मान द्वारा बाएँ निचले कोने का आकार निर्धारित करें。 परीक्षण

तकनीकी विवरण

डिफ़ॉल्ट मूल्य: 0
विरासतीयता: नहीं
संस्करण: CSS3
JavaScript व्याकरण: object.style.borderTopLeftRadius="5px"

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

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

Chrome IE / Edge Firefox Safari Opera
5.0
4.0 -webkit-		 9.0 4.0
3.0 -moz-		 5.0
3.1 -webkit-		 10.5