html5 css樣式中的border屬性在css樣式中的定義和用法:

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

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

border-width

border-style

border-color

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

html5 border屬性的屬性值：

CSS border用于設置HTML元素（如div）的邊框，包括邊框的寬度、顏色和樣式。本文章向碼農介紹CSS border邊框屬性詳細內容，感興趣的碼農可以參考一下。

CSS 邊框即CSS border-border邊框樣式顏色、邊框樣式、邊框寬度的語法結構與應用案例教程篇

一、CSS邊框基礎知識

CSS 邊框即CSS border是控制對象的邊框邊線寬度、顏色、虛線、實線等樣式CSS屬性。同時大家可以進入碼農教程提供CSS手冊查看border。

二、Html原始邊框與CSS邊框對照

Html表格控制邊框：

border= 1 bordercolor= #000000 

說明：控制表格邊框寬度為1px，css顏色為黑色，默認為實線樣式邊框。

三、border邊框語法

1.四個邊框

border-left 設置左邊框，一般單獨設置左邊框樣式使用

border-right 設置右邊框，一般單獨設置右邊框樣式使用

border-top 設置上邊框，一般單獨設置上邊框樣式使用

border-bottom 設置下邊框，一般單獨設置下邊框樣式使用,有時可將下邊框樣式作為css下劃線效果應用。

2.四邊相同邊框border簡寫

#manong{border:1px solid #00F}

3.邊框三個樣式

通常我們可以對邊框設置寬度（厚度）、邊框樣式、邊框顏色這三個屬性與參數。

1）邊框顏色：border-color:#000

2）邊框厚度（寬度）：border-width:1px

使用數字+單位設置邊框厚度寬度，如1px(邊框厚度寬度為1像素)，邊框必須為正數字，大于0的數值。否則設置邊框border樣式無效。

3）border邊框樣式：border-style:solid

邊框樣式值如下：

none : 無邊框。與任何指定的border-width值無關

hidden : 隱藏邊框。IE不支持

dotted : 在MAC平臺上IE4+與WINDOWS和UNIX平臺上IE5.5+為點線。否則為實線（常用）

dashed : 在MAC平臺上IE4+與WINDOWS和UNIX平臺上IE5.5+為虛線。否則為實線（常用）

solid : 實線邊框（常用）

double : 雙線邊框。兩條單線與其間隔的和等于指定的border-width值

groove : 根據border-color的值畫3D凹槽

ridge : 根據border-color的值畫菱形邊框

inset : 根據border-color的值畫3D凹邊

outset : 根據border-color的值畫3D凸邊

css邊框border總結：

我們使用CSS設置邊框border樣式，一般我們使用簡寫表達式進行設置對象邊框border樣式，這樣節約代碼簡化代碼作用。無論是單獨設置一個邊的邊框還是四邊邊框，我們都盡量縮寫方式簡寫CSS邊框代碼，CSS 邊框優化簡寫，常見對對象設置CSS樣式使用屬性代碼：border:1px solid #000;。

HTML table 標簽的 border 屬性定義和用法：

border 屬性規定規定圍繞表格的邊框的寬度。

border 屬性會為每個單元格應用邊框，并用邊框圍繞表格。如果 border 屬性的值發生改變，那么只有表格周圍邊框的尺寸會發生變化。表格內部的邊框則是 1 像素寬。

提示：設置 border= 0 ，可以顯示沒有邊框的表格。

從實用角度出發，最好不要規定邊框，而是使用 CSS 來添加邊框樣式和顏色。

html5 border屬性的語法：

 body border= value 

html5 border屬性的屬性值：

pixels ： 規定表格邊框寬度。

HTML 5 table border 屬性實例：

下面的 HTML 表格將顯示圍繞表格單元的邊框：

 table border= 1  th 月份 /th  th 存款 /th  /tr  td 一月 /td  td 1000 元 /td  /tr  td 二月 /td  td 1500 元 /td  /tr  /table 

【相關推薦】

html area標簽是什么意思？html area標簽的用法詳解

html5 source標簽怎么用？html5 source標簽屬性介紹

以上就是html5 border屬性怎么設置？html5 table中的border屬性介紹的詳細內容，其它編程語言

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。