CSS'te Kenarlık Kısaltma Özelliği

Tıpkı yazı tiplerinde olduğu gibi, kenarlıklar için de kalınlık, renk ve kenarlık tipi için 3 ayrı özellik yazmak yerine kullanabileceğimiz border kısaltma özelliği mevcuttur. Bu özellikte, kenarlık için değerleri istediğimiz sırada basitçe listeleyebiliriz.

Bir örnek üzerinden inceleyelim. Diyelim ki şöyle bir kenarlığımız var:

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

Şimdi bunu kısaltma özelliği ile yeniden yazalım:

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