CSS Kısa Kenarlık Özellikleri

CSS Kenar Çizgisi - Kısaltma Özellikleri

Daha önceki bölümde gördüğünüz gibi, kenar çerçeveleri işlemek için birçok özellik göz önünde bulundurulmalıdır.

Kodun daraltılması için, tüm tek kenar çerçeve özelliklerini bir özellikte belirtebilirsiniz.

border Bu özellik, aşağıdaki tüm kenar çerçeve özelliklerinin kısaltma özelliğidir:

  • border-width
  • border-style（Gerekli)
  • border-color

Örnek

p {
  border: 5px solid red;
}

Sonuç:

Biraz Metin

Kişisel Deneyim

Ayrıca, tüm tek kenar çerçeve özelliklerini bir kenara belirtebilirsiniz:

Sol Kenarlık

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

Sonuç:

Biraz Metin

Kişisel Deneyim

Alt Kenarlık

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

Sonuç:

Biraz Metin

Kişisel Deneyim