實(shí)例

設(shè)置 4 個(gè)邊框的樣式：

p
  {
  border-style:solid;
  }

親自試一試

瀏覽器支持

所有瀏覽器都支持 border-style 屬性。

注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit" 或 "hidden"。

定義和用法

border-style 屬性用于設(shè)置元素所有邊框的樣式，或者單獨(dú)地為各邊設(shè)置邊框樣式。

只有當(dāng)這個(gè)值不是 none 時(shí)邊框才可能出現(xiàn)。

例子 1

border-style:dotted solid double dashed; 

• 上邊框是點(diǎn)狀
• 右邊框是實(shí)線
• 下邊框是雙線
• 左邊框是虛線

例子 2

border-style:dotted solid double;

• 上邊框是點(diǎn)狀
• 右邊框和左邊框是實(shí)線
• 下邊框是雙線

例子 3

border-style:dotted solid;

• 上邊框和下邊框是點(diǎn)狀
• 右邊框和左邊框是實(shí)線

例子 4

border-style:dotted;

• 所有 4 個(gè)邊框都是點(diǎn)狀

可能的值

描述

最不可預(yù)測(cè)的邊框樣式是 double。它定義為兩條線的寬度再加上這兩條線之間的空間等于 border-width 值。不過，CSS 規(guī)范并沒有說其中一條線是否比另一條粗或者兩條線是否應(yīng)該是一樣的粗，也沒有指出線之間的空間是否應(yīng)當(dāng)比線粗。所有這些都有用戶代理決定，創(chuàng)作人員對(duì)這個(gè)決定沒有任何影響。

相關(guān)頁面

CSS 教程：CSS 邊框

HTML DOM 參考手冊(cè)：borderStyle 屬性