Properti Batas Singkat CSS

CSS Border - 缩写属性

Seperti yang anda lihat di bab sebelumnya, berhati-hati dengan banyak properti ketika mengelola border.

Untuk mengurangkan kod, anda boleh menentukan semua properti border secara bersamaan dalam satu properti.

border Properti adalah singkatan bagi properti border berikut ini:

  • border-width
  • border-style（Diperlukan）
  • border-color

Contoh

p {
  border: 5px solid red;
}

Hasil:

Beberapa teks

Cuba Sendiri

Anda boleh hanya menentukan semua properti border untuk satu sisi:

Kiri Border

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

Hasil:

Beberapa teks

Cuba Sendiri

Bawah Border

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

Hasil:

Beberapa teks

Cuba Sendiri