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

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

border-color అట్రిబ్యూట్ నాలుగు హెడ్జ్ల రంగులను సెట్ చేస్తుంది. దీనిలో 1 నుండి 4 రంగులను సెట్ చేయవచ్చు.

border-color అట్రిబ్యూట్ ఒక సరళ అట్రిబ్యూట్ ఉంది, దాని అన్ని హెడ్జ్లను కనిపించే రంగును అంటే సెట్ చేయవచ్చు లేదా 4 హెడ్జ్లకు వేరే వేరే రంగులను అంటే సెట్ చేయవచ్చు. కింద ఉన్న ఉదాహరణను చూడండి:

ఉదాహరణ 1

border-color:red green blue pink;
  • 上边框是红色
  • కుడి హెడ్జ్ హరితం
  • 下边框是蓝色
  • 左边框是粉色

例子 2

border-color:red green blue;
  • 上边框是红色
  • కుడి సరిహద్దు మరియు ఎడమ సరిహద్దు హరిత రంగులు
  • 下边框是蓝色

ఉదాహరణ 3

border-color:dotted red green;
  • పై సరిహద్దు మరియు క్రింద సరిహద్దు ఎరుపు రంగులు
  • కుడి సరిహద్దు మరియు ఎడమ సరిహద్దు హరిత రంగులు

ఉదాహరణ 4

border-color:red;
  • అన్ని 4 సరిహద్దులు ఎరుపు రంగులు

గమనించండి, సరిహద్దు శైలి కాకుండా none లేదా hidden కాకుండా ఉండాలి, మరియు అలా చేసినప్పుడు సరిహద్దు కనిపించదు.

పేర్కొనుటలు:ఎల్లప్పుడూ border-style అంశాన్ని border-color అంశానికి ముందు పేర్కొనండి. సరిహద్దు రంగును మార్చడానికి ముందు మీ కేంద్రం సరిహద్దు ను పొందాలి.

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

CSS శిక్షణ పత్రికCSS బోర్డర్

HTML DOM పరిశీలన పత్రికborderColor అంశం

ఉదాహరణ

4 సరిహద్దు రంగులను అమర్చండి:

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

నేను ప్రయత్నించండి

CSS సంకేతబద్ధత

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