స్టైల్ borderColor అంశం

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

borderColor అంశం బార్డర్ రంగును నిర్ణయించడానికి లేదా పొందడానికి ఉపయోగిస్తారు.

ఈ అంశం ఒక నుండి నాలుగు విలువలను ఉపయోగించవచ్చు:

  • ఒక విలువను ఉదాహరణకు: p {border-color: red} - అన్ని నాలుగు బార్డర్లు ఎరుపు రంగులో ఉంటాయి
  • 两个值，例如：p {border-color: red transparent} - 上下边框为红色，左右边框为透明
  • 三个值，例如：p {border-color: red green blue}- 上边框为红色，左右边框为绿色，下边框为蓝色
  • 四个值，例如：p {border-color: red green blue yellow} - 上边框为红色，右边框为绿色，下边框为蓝色，左边框为黄色

另请参阅：

CSS 教程：CSS 边框

CSS 参考手册：border-color 属性

HTML DOM 参考手册：border 属性

实例

例子 1

将

元素的四个边框的颜色更改为红色：

document.getElementById("myDiv").style.borderColor = "red";

亲自试一试

例子 2

将

元素的上下边框的颜色更改为绿色，将左右边框的颜色更改为紫色：

document.getElementById("myDiv").style.borderColor = "green purple";

亲自试一试

例子 3

返回

元素的边框颜色：

alert(document.getElementById("myDiv").style.borderColor);

亲自试一试

语法

返回 borderColor 属性：

object.style.borderColor

设置 borderColor 属性：

object.style.borderColor = "color|transparent|initial|inherit"

属性值

值 描述
color

规定边框的颜色。默认颜色为黑色。

请查看 CSS 颜色值，获取可能的颜色值的完整列表。
transparent 边框的颜色是透明的（底层内容会透出来）。
initial 将此属性设置为其默认值。请参阅 initial。
ఇన్హెరిట్ 从其父元素继承此属性。请参阅 ఇన్హెరిట్。

సాంకేతిక వివరాలు

అప్రమేయ విలువ: బ్లాక్
తిరిగి వచ్చే విలువ: స్ట్రింగ్ ఆకృతి, దీనిలో కొలికి పెట్టబడిన అంశం కి సంబంధించిన కంటెయిన్ బార్డర్ రంగును సూచిస్తుంది。
CSS వెర్షన్: CSS1

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

పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇస్తున్న బ్రౌజర్ వెర్షన్ ను సూచిస్తాయి。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5