CSS border-top-color प्रयोग
- पिछला पृष्ठ border-top
- अगला पृष्ठ border-top-left-radius
वर्णन और उपयोग
border-top-color गुण एलीमेंट के ऊपरी बॉर्डर का रंग सेट करता है।
केवल शुद्ध रंग को परिभाषित किया जा सकता है और केवल जब बॉर्डर का शैली एक नहीं या 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