सीएसएस सीमा-चौड़ाई संपत्ति
उदाहरण
सीमाओं के लिए चौड़ाई निर्धारित करें:
div {border-width: thin;}
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
border-width
संपत्ति तत्व की चार सीमाओं की चौड़ाई निर्धारित करती है । इस गुण में एक से चार मान हो सकते हैं।
उदाहरण:
- सीमा-चौड़ाई: पतला मध्यम मोटा 10px;
- ऊपरी सीमा पतली है
- दाहिनी सीमा मध्यम है
- निचली सीमा मोटी है
- बाईं सीमा 10px . है
- सीमा-चौड़ाई: पतली मध्यम मोटी;
- ऊपरी सीमा पतली है
- दाएँ और बाएँ सीमाएँ मध्यम हैं
- निचली सीमा मोटी है
- सीमा-चौड़ाई: पतला माध्यम;
- ऊपर और नीचे की सीमाएं पतली हैं
- दाएँ और बाएँ सीमाएँ मध्यम हैं
- सीमा-चौड़ाई: पतली;
- चारों सीमाएँ पतली हैं
नोट: हमेशा संपत्ति से पहले सीमा-शैली की संपत्ति घोषित करें border-width
। इससे पहले कि आप चौड़ाई निर्धारित कर सकें, एक तत्व की सीमाएँ होनी चाहिए।
डिफ़ॉल्ट मान: | मध्यम |
---|---|
विरासत में मिला: | नहीं |
एनिमेटेबल: | हां। एनिमेटेबल के बारे में पढ़ें |
संस्करण: | सीएसएस 1 |
जावास्क्रिप्ट सिंटैक्स: | ऑब्जेक्ट .style.borderWidth="1px 5px" |
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Property | |||||
---|---|---|---|---|---|
border-width | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
सीएसएस सिंटेक्स
border-width: medium|thin|thick|length|initial|inherit;
सम्पत्ति की कीमत
Value | Description | Play it |
---|---|---|
medium | Specifies a medium border. This is default | |
thin | Specifies a thin border | |
thick | Specifies a thick border | |
length | Allows you to define the thickness of the border. Read about length units | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
और ज्यादा उदाहरण
उदाहरण
सीमाओं की चौड़ाई को मध्यम पर सेट करें:
div {border-width: medium;}
उदाहरण
बॉर्डर की चौड़ाई मोटी पर सेट करें:
div {border-width: thick;}
उदाहरण
बॉर्डर की चौड़ाई 1px पर सेट करें:
div {border-width: 1px;}
उदाहरण
बॉर्डर की चौड़ाई 15px पर सेट करें:
div {border-width: 15px;}
उदाहरण
ऊपर और नीचे के बॉर्डर की चौड़ाई 10px और बाएँ और दाएँ बॉर्डर की चौड़ाई 1px पर सेट करें:
div {border-width: 10px 1px;}
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस बॉर्डर
एचटीएमएल डोम संदर्भ: सीमाविद संपत्ति