CSS - border-top-color 属性

设置元素顶部边框的颜色;默认值是元素的颜色。

可能的值

color − 任何有效的颜色值。

适用于

所有 HTML 元素。

DOM 语法


object.style.borderTopColor = "red";

始终在 border-top-color 属性之前声明 border-top-style 或 border-style 属性。

例

以下示例显示了此属性的效果 -


	 <html>
	 <head>
	 	 	<style>
	 	 	 	 p.example1 {border-style: solid;
	 	 	 	 	 	border-top-color: rgb(255, 0, 0);
	 	 	 	 	 	}
	 	 	 	 p.example2 {border-style: solid;
	 	 	 	 	 	 border-top-color: rgba(255, 0, 0,0.4);
	 	 	 	 	 	 }
	 	 	 	 p.example3 {border-style: solid;
	 	 	 	 	 	 border-top-color: hsl(0, 100%, 50%);
	 	 	 	 	 	 }
	 	 	 	 p.example4 {border-style: solid;
	 	 	 	 	 	 border-top-color: hsla(0, 100%, 50%, 0.3);
	 	 	 	 	 	 }
	 	 	 	 p.example5 {border-style: solid;
	 	 	 	 	 	 border-top-color: transparent;
	 	 	 	 	 	 }
	 	 	</style>
	 </head>
	 <body>
	 	 	 	 <p class="example1">top border with RGB color value</p>
	 	 	 	 <p class="example2">top border with RGBA color value</p>
	 	 	 	 <p class="example3">top border with HSL color value</p>
	 	 	 	 <p class="example4">top border with HSLA color value</p>
	 	 	 	 <p class="example5">top border with transparent color value</p>

	 </body>
	 </html>

打印本页