Properti Singkatan untuk Border di CSS

Sama seperti untuk font, untuk border juga terdapat properti singkatan border, yang dapat kita gunakan alih-alih menulis 3 properti berbeda untuk ketebalan, warna, dan tipe border. Dalam properti ini kita dapat langsung mendaftarkan nilai-nilai untuk border dalam urutan apa pun.

Mari kita lihat contohnya. Misalkan kita memiliki border seperti berikut:

css#elem {
  border-width: 1px;
  border-style: solid;
  border-color: black;
  width: 300px;
  height: 100px;
}

Tulis ulang menggunakan properti singkatan:

css#elem {
  border: 1px solid red;
  width: 300px;
  height: 100px;
}