Hisia hiki ya CSS border-bottom

定义和用法

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

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

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

另请参阅:

CSS 教程:Kifurahio cha kifungu cha CSS

HTML DOM 参考手册:borderBottom 属性

实例

设置下边框的样式:

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

亲自试一试

CSS 语法

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

属性值

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

技术细节

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

更多实例

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

Matumizi ya vifaa vya kinywagha

Mifano ya jumla ya tabia ya tabia inaangazia vifaa vya kinywagha vilivyo vifaa vya kinywagha vilivyo vilivunja tabia hizi kwa kufikiria vifaa vya kinywagha vilivyo vilivyo.

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

Maelezo:IE7 na vifaa vya kinywagha vilivyo vifaa vya kinywagha vilivyo vilovotumia thamani "inherit". IE8 inahitaji !DOCTYPE. IE9 inasaa "inherit".