CSS border-top-color प्रयोग

वर्णन और उपयोग

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' को समर्थित करता है।