CSS बॉर्डर-बॉटम-लेफ्ट-रेडियस प्रतियोगिता

परिभाषा और उपयोग

border-bottom-left-radius वैशिष्ट्य दक्षिण-पश्चिम कोने के बॉर्डर किनारे का आकार परिभाषित करता है।

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

और देखें:

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

उदाहरण

div एलिमेंट के दक्षिण-पश्चिम कोने को गोलीय बॉर्डर किनारा जोड़ें:

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

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

CSS व्याकरण

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

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

प्रयोग वैशिष्ट्य

मूल्य वर्णन टेस्ट
length दक्षिण-पश्चिम कोने का आकार परिभाषित करता है। टेस्ट
% दक्षिण-पश्चिम कोने का आकार प्रतिशत मान से परिभाषित करता है। टेस्ट

तकनीकी विवरण

मूलभूत मूल्य: 0
विरासतीयता: नहीं
संस्करण: CSS3
JavaScript व्याकरण: object.style.borderBottomLeftRadius="5px"

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

तालिका में दिए संख्याएं पूर्णतया समर्थित पहले ब्राउज़र वास्तविकता को सूचित करती हैं।

जो -webkit- या -moz- के साथ संख्या प्रयोग करती हैं, वह प्रवृत्ति का पहला संस्करण का उपयोग करती है।

च्रोम IE / एज फ़ायरफॉक्स सैफारी ओपेरा
5.0
4.0 -webkit-		 9.0 4.0
3.0 -moz-		 5.0
3.1 -webkit-		 10.5