Properti Batas Singkat CSS

CSS Border - Properti Singkat

Seperti yang Anda lihat di bab sebelumnya, saat mengelola batas, perhatikan banyak properti.

Untuk mengurangi kode, Anda dapat menentukan semua properti batas tunggal dalam satu properti.

border Properti ini adalah singkatan untuk properti batas di bawah ini:

  • border-width
  • border-style（Harus diisi）
  • border-color

Contoh

p {
  border: 5px solid red;
}

Hasil:

Beberapa teks

Coba Sendiri

Anda dapat hanya menentukan semua properti batas untuk sisi tunggal:

Batas Kiri

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

Hasil:

Beberapa teks

Coba Sendiri

Batas Bawah

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

Hasil:

Beberapa teks

Coba Sendiri