1. 程式人生 > >CSS.border

CSS.border

屬性。 htm data .com top 其中 body OS clas

1、CSS border 屬性.html(http://www.w3school.com.cn/cssref/pr_border.asp)

p
  {
  border:5px solid red;
  }

定義和用法

border 簡寫屬性在一個聲明設置所有的邊框屬性。

可以按順序設置如下屬性:

  • border-width
  • border-style
  • border-color

如果不設置其中的某個值,也不會出問題,比如 border:solid #ff0000; 也是允許的。

可能的值

描述
border-width 規定邊框的寬度。參閱:border-width 中可能的值。
border-style
規定邊框的樣式。參閱:border-style 中可能的值。
border-color 規定邊框的顏色。參閱:border-color 中可能的值。
inherit 規定應該從父元素繼承 border 屬性的設置。

2、CSS border-left 屬性.html(http://www.w3school.com.cn/cssref/pr_border-left.asp)

實例

設置左邊框的樣式:

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

定義和用法

border-left 簡寫屬性把左邊框的所有屬性設置到一個聲明中。

可以按順序設置如下屬性:

  • border-left-width
  • border-left-style
  • border-left-color

如果不設置其中的某個值,也不會出問題,比如 border-left:solid #ff0000; 也是允許的。

可能的值

描述
border-left-width 規定左邊框的寬度。參閱:border-left-width 中可能的值。
border-left-style 規定左邊框的樣式。參閱:border-left-style 中可能的值。
border-left-color 規定左邊框的顏色。參閱:border-left-color 中可能的值。
inherit 規定應該從父元素繼承 border-left 屬性的設置。

ZC:有"border-left",肯定有"border-right"、"border-top"、"border-bottom"

3、

4、

5、

CSS.border