CSS బొర్డర్-బాటమ్-కలర్ అట్రిబ్యూట్

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

border-bottom-color అంశం ప్రాంతానికి క్రింది కినరి రంగును అమర్చగలదు.

కేవలం స్పష్టమైన రంగును నిర్వచించవచ్చు, మరియు బిడర్ స్టైల్ అంశపు విలువ కేవలం none లేదా hidden కాకపోయినప్పుడు బిడర్ కనిపించగలదు.

పరిశీలన:బిడర్ స్టైల్ అంశపు బిడర్ కలర్ అంశానికి ముందు పేర్కొనాలి. బ్రౌజర్ రంగును మార్చడానికి ముందు ప్రాంతానికి బిడర్ పొందాలి.

మరింత చూడండి:

CSS శిక్షణ మానికలు:CSS బార్డర్

CSS పరిశీలన మానికలు:border-bottom అంశం

HTML DOM పరిశీలన మానికలు:borderBottomColor అంశం

ఉదాహరణ

క్రింది కినరి రంగును అమర్చండి:

p
  {
  border-style:solid;
  border-bottom-color:#ff0000;
  }

పరీక్షించండి

CSS సంకేతాలు

border-bottom-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.borderBottomColor="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" విలువను మద్దతు చేస్తుంది.