CSS border-left प्रयोग

विनियमन और उपयोग

border-left शॉर्टकट गुण बाएँ किनारा के सभी गुण को एक ही बयान में सेट करता है。

इस क्रम में निम्नलिखित गुण को सेट किया जा सकता है:

अगर इनमें से कोई मूल्य सेट नहीं किया जाता है, तो इससे कोई समस्या नहीं होगी, जैसे border-left:solid #ff0000; भी अनुमति दी जाती है。

और देखें:

CSS शिक्षा:CSS बॉर्डर

HTML DOM संदर्भ पुस्तक:borderLeft गुण

उदाहरण

बाएँ किनारा की शैली सेट करें:

p
  {
  border-style:solid;
  border-left:thick double #ff0000;
  }

अपने आप प्रयास करें

CSS व्याकरण

border-left: border-width border-style border-color|initial|inherit;

गुण मूल्य

मूल्य वर्णन
border-left-width बाएँ किनारा की चौड़ाई को निर्धारित करता है। देखें:border-left-width संभावित मूल्य
border-left-style बाएँ किनारा के शैली को निर्धारित करता है। देखें:border-left-style संभावित मूल्य
बॉर्डर-लेफ्ट-कलर बाएँ किनारा रंग निर्धारित करता है। देखें:बॉर्डर-लेफ्ट-कलर संभावित मूल्य
inherit पिछले एलिमेंट से border-left गुण के सेटिंग को विनियमित करना निर्दिष्ट किया गया है。

तकनीकी विवरण

मूलभूत मूल्य: अविशिष्ट
विरासत: नहीं
संस्करण： CSS1
JavaScript व्याकरण： object.style.borderLeft="3px solid blue"

और अधिक उदाहरण

सभी बाएँ किनारा गुण एक ही बयान में
सभी बाएँ किनारा गुण एक ही बयान में

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

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

च्रोम IE / एज फ़ायरफॉक्स सैफारी ओपेरा
1.0 4.0 1.0 3.5 1.0

टिप्पणी：IE7 और उससे पहले के संस्करण के ब्राउज़र "inherit" मूल्य को समर्थित नहीं करते। IE8 के लिए !DOCTYPE की आवश्यकता है। IE9 "inherit" को समर्थित करता है。