CSS बॉर्डर-लेफ्ट-शैली प्रकृति
- पिछला पृष्ठ border-left-color
- अगला पृष्ठ border-left-width
परिभाषा और उपयोग
border-left-style एलिमेंट के बाएं किनारे की शैली सेट करता है。
ब्राउज़र का किनारा दिखाने के लिए इस मूल्य को none से नहीं होना चाहिए。
CSS1 में, HTML यूज़र एजेंट को केवल solid और none को समर्थन देना होगा。
और देखें:
CSS पाठ्यक्रम:CSS किनारा
CSS संदर्भ दस्तावेज़:border-left गुण
HTML DOM संदर्भ दस्तावेज़:borderLeftStyle गुण
उदाहरण
बाएं किनारे की शैली सेट करना:
p { border-style:solid; border-left-style:dotted; }
CSS व्याकरण
border-left-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
गुण मूल्य
मूल्य | वर्णन |
---|---|
none | बिना बॉर्डर को परिभाषित करता है。 |
hidden | इसके साथ "none" से समान है। लेकिन तालिकाओं पर इसके अलावा, तालिकाओं के लिए hidden बॉर्डर टकराव को सुलझाने के लिए उपयोग किया जाता है。 |
dotted | बिंदु बॉर्डर को परिभाषित करता है। अधिकांश ब्राउज़रों में यह दृश्यमान रूप से सटीक रेखा के रूप में प्रस्तुत होता है。 |
dashed | डॉटेड रेखा को परिभाषित करता है। अधिकांश ब्राउज़रों में यह दृश्यमान रूप से सटीक रेखा के रूप में प्रस्तुत होता है。 |
solid | सटीक रेखा को परिभाषित करता है。 |
double | दोहरे रेखाएं को परिभाषित करता है। दोहरे रेखाएं की चौड़ाई border-width के मूल्य से समान है。 |
groove | 3D ग्रैवेज़ बॉर्डर को परिभाषित करता है। इसका प्रभाव border-color के मूल्य पर निर्भर करता है。 |
ridge | 3D ग्रेडिएंट बॉर्डर को परिभाषित करता है। इसका प्रभाव border-color के मूल्य पर निर्भर करता है。 |
inset | 3D inset बॉर्डर को परिभाषित करता है। इसका प्रभाव border-color के मूल्य पर निर्भर करता है。 |
outset | 3D outset बॉर्डर को परिभाषित करता है। इसका प्रभाव border-color के मूल्य पर निर्भर करता है。 |
inherit | बाहरी तत्व से बॉर्डर शैली को विरासत करने का निर्देश देता है。 |
तकनीकी विवरण
डिफ़ॉल्ट मूल्य: | not specified |
---|---|
विरासत: | no |
संस्करण: | CSS1 |
JavaScript व्याकरण: | object.style.borderLeftStyle="dotted" |
अधिक उदाहरण
- बाएं किनारे की शैली सेट करना
- इस उदाहरण में दिखाया गया है कि कैसे बाएं किनारे का शैली सेट करना है。
ब्राउज़र समर्थन
तालिका में दिए गए नंबरों में इस गुण के लिए पूर्णता से समर्थन देने वाले पहले ब्राउज़र का संस्करण दर्शाया गया है。
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
- पिछला पृष्ठ border-left-color
- अगला पृष्ठ border-left-width