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:
#elem {
border-width: 1px;
border-style: solid;
border-color: black;
width: 300px;
height: 100px;
}
Şimdi bunu kısaltma özelliği ile yeniden yazalım:
#elem {
border: 1px solid red;
width: 300px;
height: 100px;
}
Sayfayı bu örneğe göre tekrarlayın:
Sayfayı bu örneğe göre tekrarlayın:
Sayfayı bu örneğe göre tekrarlayın:
Sayfayı bu örneğe göre tekrarlayın:
