CSS 簡寫邊框屬性

CSS Border - 簡寫屬性

就像您在上一章中所見，處理邊框時要考慮許多屬性。

為了縮減代碼，也可以在一個屬性中指定所有單獨的邊框屬性。

border 屬性是以下各個邊框屬性的簡寫屬性：

  • border-width
  • border-style（必需）
  • border-color

實例

p {
  border: 5px solid red;
}

結果：

一些文本

親自試一試

您還可以只為一個邊指定所有單個邊框屬性：

左邊框

p {
  border-left: 6px solid red;
  background-color: lightgrey;
}

結果：

一些文本

親自試一試

下邊框

p {
  border-bottom: 6px solid red;
  background-color: lightgrey;
}

結果：

一些文本

親自試一試