css border屬性怎麼用

css border 定義和用法

css border-style 屬性用於設定元素所有邊框的樣式，或單獨地為各邊設置邊框樣式。只有當這個值不是 none 時邊框才可能出現。

範例1

border-style:dotted solid double dashed;

上邊框是點狀

右邊框是實線

下邊框是雙線

左邊框是虛線

例2

border-style:dotted solid double;

上邊框是點狀

#右邊框框是實線

下邊框是雙線

範例3

border-style:dotted solid;

上邊框和下邊框是點狀

右邊框和左邊框是實線

範例4

border-style:dotted;

所有4 個邊框都是點狀

實例，設定四個邊框的樣式

p
  {
  border-style:solid;
  }

瀏覽器支援

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

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

可能的值

描述

#最不可預測的邊框樣式是double。它定義為兩條線的寬度再加上這兩條線之間的空間等於 border-width 值。不過，CSS 規範並沒有說其中一條線是否比另一條粗或兩條線是否應該是一樣的粗，也沒有指出線之間的空間是否應當比線粗。所有這些都有用戶代理決定，創作人員對這個決定沒有任何影響。

以上是css border屬性怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章！