CSS border-width प्रतियोगिता

कोर्स पसंदीदा:

वर्गीकरण

border-width लघु गुण एलिमेंट के सभी किनारा को आकार सेट करता है या अलग-अलग किनारा के लिए अलग-अलग किनारा को आकार सेट करता है。

केवल जब किनारा शैली none नहीं होती तो यह कार्य करता है।यदि किनारा शैली none होती है, तो किनारा आकार वास्तव में 0 को पुन:सेट कर दिया जाएगा।नकारात्मक लंबाई मूल्य निर्दिष्ट नहीं किया जा सकता है。

उदाहरण 1
  • border-width:thin medium thick 10px;
  • ऊपरी किनारा छोटा किनारा है
  • ऊपरी किनारा 10px है
  • दायाँ किनारा मध्यम किनारा है

बाईं किनारा 10px चौड़ा किनारा है

उदाहरण 2
  • border-width:thin medium thick;
  • ऊपरी किनारा और नीचे किनारा छोटे किनारे हैं
  • ऊपरी किनारा 10px है

नीचे किनारा गाढ़े किनारे है

उदाहरण 3
  • border-width:thin medium;
  • ऊपरी किनारा और नीचे किनारा छोटे किनारे हैं

दायाँ किनारा और बाईं किनारा मध्यम किनारे हैं

उदाहरण 4
  • border-width:thin;

सभी 4 किनारा छोटे किनारे हैं

उदाहरण

चार किनारा का आकार सेट करें:
  p
  {
  border-style:solid;
  border-width:15px;

}

स्वयं आजमाएं

CSS व्याकरणlengthborder-width: medium|thin|thick|

|initial|inherit;

गुण मूल्य मूल्य
परिभाषा thin
medium डिफ़ॉल्ट।मध्यम किनारा को परिभाषित करता है。
thick गाढ़े किनारा को परिभाषित करता है。
length आपको किनारा आकार को अनुकूलित करने की अनुमति देता है。
inherit किनारा आकार को पितृ तत्व से विरासत करना होगा。

अधिक उदाहरण

सभी किनारा आकार गुण एक ही व्यक्तव्य में
इस उदाहरण में, सभी किनारा आकार गुण को एक ही व्यक्तव्य में सेट करने के लिए लघु गुण का उपयोग किया जाता है。

तकनीकी विवरण

डिफ़ॉल्ट मूल्य: medium
विरासतशीलता: no
संस्करण: CSS1
JavaScript व्याकरण: object.style.borderWidth="thin thick"

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

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

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

अन्य संदर्भ देखें:

CSS पाठ्यक्रम:CSS किनारा

HTML DOM संदर्भ पुस्तिका:borderWidth गुण