CSS बॉर्डर-टॉप-कलर अट्रिब्यूट
- पिछला पृष्ठ border-top
- अगला पृष्ठ border-top-left-radius
वर्णन और उपयोग
border-top-color गुण एलीमेंट के ऊपरी बॉर्डर का रंग सेट करता है。
केवल शुद्ध रंग को परिभाषित किया जा सकता है और केवल जब बॉर्डर की शैली non none या hidden का मूल्य हो तभी बॉर्डर दिखाई देता है।
टिप्पणी：हमेशा border-style गुण को border-color गुण से पहले घोषित करें।एलीमेंट को रंग को बदलने से पहले बॉर्डर को प्राप्त करना चाहिए।
और देखें:
CSS पढ़ाई:CSS किनारा
CSS संदर्भ पुस्तका:border-top गुण
HTML DOM संदर्भ पुस्तका:borderTopColor गुण
उदाहरण
सेट करना ऊपरी बॉर्डर का रंग：
p
{
border-style:solid;
border-top-color:#ff0000;
}
CSS व्याकरण
border-top-color: color|transparent|initial|inherit;
गुण मूल्य
गुण मूल्य
| मूल्य | वर्णन |
|---|---|
| color_name | रंग नाम के रंग मूल्य के बॉर्डर का रंग निर्धारित करता है (जैसे red)。 |
| hex_number | सोनाक्षर मूल्य के रंग मूल्य के बॉर्डर का रंग निर्धारित करता है (जैसे #ff0000)。 |
| rgb_number | rgb कोड के रंग मूल्य के बॉर्डर का रंग निर्धारित करता है (जैसे rgb(255,0,0))。 |
| transparent | डिफ़ॉल्ट मूल्य।बॉर्डर का रंग पारदर्शी है। |
| inherit | इसके अनुसार बॉर्डर का रंग पैरेंट एलीमेंट से विरासत करना होगा। |
तकनीकी विवरण
| डिफ़ॉल्ट मूल्य： | not specified |
|---|---|
| विरासतीयता： | no |
| संस्करण： | CSS1 |
| JavaScript व्याकरण： | object.style.borderTopColor="blue" |
अधिक उदाहरण
- सेट करना ऊपरी बॉर्डर का रंग
- इस उदाहरण में देखा जाता है कि ऊपरी बॉर्डर का रंग कैसे सेट किया जाता है।
ब्राउज़र समर्थन
तालिका में दिए गए नंबर इस गुण को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र की संस्करण को निर्दिष्ट करते हैं।
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
टिप्पणी：Internet Explorer 6 (और अधिक पुरानी संस्करण) 'transparent' गुण को असमर्थित करता है।
टिप्पणी：IE7 और अधिक पुराने ब्राउज़र 'inherit' मूल्य को असमर्थित करते हैं।IE8 के लिए !DOCTYPE की आवश्यकता है।IE9 'inherit' को समर्थित करता है।
- पिछला पृष्ठ border-top
- अगला पृष्ठ border-top-left-radius
