CSS 參考手冊(cè)

CSS @規(guī)則(RULES)

CSS 屬性大全

CSS border-bottom 屬性 CSS3 background-size 屬性

CSS border 屬性使用方法及示例

CSS的border屬性設(shè)置元素邊框的所有四個(gè)側(cè)面的寬度，樣式和顏色。它是用于單獨(dú)設(shè)置邊框?qū)傩?，即一個(gè)速記屬性，而border-width，border-style以及border-color是一個(gè)單一的聲明。

下表總結(jié)了此屬性的用法上下文和版本歷史記錄。

默認(rèn)值：	查看個(gè)別屬性
適用于：	所有元素
繼承：	沒(méi)有
可動(dòng)畫(huà)制作：	是的，請(qǐng)參考單個(gè)屬性。請(qǐng)參考動(dòng)畫(huà)屬性。
版本：	CSS 1，2，3
JavaScript 語(yǔ)法:	object object.style.border="1px solid red"

border的使用語(yǔ)法

該屬性的語(yǔ)法如下：

border: [ border-width border-style border-color ] | initial | inherit

注意：如果上面列出的任何屬性均缺失或省略，則將插入該屬性的默認(rèn)值（如果有的畫(huà)）。有關(guān)詳細(xì)信息，請(qǐng)參見(jiàn)各個(gè)屬性。

下面的示例演示了如何使用border屬性。

示例

h1 { border: 5px solid #ff0000;}
p { color: #00ff00;border: 5px solid;}

測(cè)試看看?/?

注意：如果border-color缺少或未指定（例如border: 5px solid;），color則將使用元素屬性的值。但是，在有border-style情況下，跳過(guò)或忽略該值將不會(huì)顯示任何邊框，因?yàn)閎order-style 屬性的默認(rèn)值為none。

屬性值

下表描述了此屬性的值。

值	描述
border-width	設(shè)置元素邊框的寬度。
border-style	設(shè)置元素邊框的線型。
border-color	設(shè)置元素邊框的顏色。
initial	將此屬性設(shè)置為其默認(rèn)值。
inherit	如果指定，則關(guān)聯(lián)元素采用其父元素border屬性的計(jì)算值。

瀏覽器兼容性

border屬性瀏覽器的兼容性，所有主流瀏覽器均支持該屬性。

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+

進(jìn)一步閱讀

參見(jiàn)教程：CSS Border，CSS3 Border。

相關(guān)屬性：border-width，border-style，border-color，border-collapse，border-image，border-radius，border-spacing。

CSS border-bottom 屬性 CSS3 background-size 屬性