Mfano wa CSS border-top

定义和用法

border-top 简写属性把上边框的所有属性设置到一个声明中。

可以按顺序设置如下属性：

如果不设置其中的某个值，也不会出问题，比如 border-top:solid #ff0000; 也是允许的。

另请参阅：

CSS 教程：Kifurushi cha CSS

HTML DOM 参考手册：borderTop 属性

实例

设置上边框的样式：

p
  {
  border-style:solid;
  border-top:thick double #ff0000;
  }

亲自试一试

CSS 语法

border-top: border-width border-style border-color|initial|inherit;

属性值

值 描述
border-top-width 规定上边框的宽度。参阅：border-top-width 中可能的值。
border-top-style 规定上边框的样式。参阅：border-top-style 中可能的值。
border-top-color 规定上边框的颜色。参阅：border-top-color 中可能的值。
inherit 规定应该从父元素继承 border-top 属性的设置。

技术细节

默认值： not specified
继承性： no
版本： CSS1
JavaScript 语法： object.style.borderTop="3px solid blue"

更多实例

所有上边框属性在一个声明之中
本例演示用简写属性来将所有上边框属性设置于同一声明之中。

Muhimu wa kufungua

Mayaraka ya jingwa kwenye tabia inaonyesha sababu ya kwanza ya vifaa vya kueleza ambavyo vinahusiana na hali hiyo ya kina.

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

Maelezo:IE7 na kwa uwanja wa kwanza wa vifaa vya kueleza hivyo inasimama na thamani "inherit". IE8 inahitaji !DOCTYPE. IE9 inasimama na "inherit".