CSS బార్డర్ టాప్ కలర్ అట్రిబ్యూట్

నిర్వచనం మరియు వినియోగం

border-top-color అంశం అంశానికి పై బార్డర్ రంగును నిర్వచిస్తుంది.

పరిమితమైన రంగులను మాత్రమే నిర్వచించవచ్చు, మరియు బార్డర్ శైలి కానీ none లేదా hidden విలువలు కాదు ఉన్నప్పుడు బార్డర్ కనిపించవచ్చు.

ప్రతీక్షలు:బార్డర్-style అంశాన్ని ఎప్పుడు బార్డర్-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"

మరిన్ని ఉదాహరణలు

పై బార్డర్ రంగును అమర్చండి
ఈ ఉదాహరణలో ఎలా పై బార్డర్ రంగును అమర్చాలనేది చూపబడింది.

బ్రౌజర్ మద్దతు

పట్టికలోని సంఖ్యలు ఆ అంశాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ని నిర్దేశిస్తాయి.

క్రోమ్ IE / ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
1.0 4.0 1.0 1.0 3.5

ప్రతీక్షలు:Internet Explorer 6 (మరియు ఆగ్రహానికి ముంది వెబ్ బ్రౌజర్లు) "transparent" విలువను మద్దతు ఇవ్వరు.

ప్రతీక్షలు:IE7 మరియు ఆగ్రహానికి ముంది వెబ్ బ్రౌజర్లు "inherit" విలువను మద్దతు ఇవ్వరు. IE8 కోసం !DOCTYPE అవసరం. IE9 "inherit" విలువను మద్దతు ఇస్తుంది.