CSS Border (Kenar Çizgi) Özellikleri

Border özellikleri kısaca border stili, boyutu ve rengidir.

Border Özellikleri

Varsayılan: Border Yok
Dotted: Noktalı border stili
Dashed: Çizgili border stili
Solid: Sürekli çizgili border stili
Double: Çift ince çizgili border stili
Grove: 3D border stili. Dışa dönük.
Ridge: 3D border stili. Ortalanmış 3d.
İnset: 3D border stili. İçe dönük.
Outset: 3D border stili. Tamamen dışa dönük.

Yukarıdakiler border stilleridir.Peki bunları nasıl kullanırız?

.kenar{
border:dashed 1px #fff;
}

Borderin tüm işlevleri yukarıdaki gibi genellikle bir satırda yazılır.  Bakıldığında border stili (dashed), boyutu (1px) ve rengi (#FFFFF - Beyaz) yazılmıştır. Ayrıca borderı sadece altta, üstte, sağ ve solda gösterme imkanımız da vardır. Bunda ise border: yazmak yerine

border-top: (Üstte)
border-bottom: (Altta)
border-right: (Sağda)
border-left: (Solda) 

gibi yazılmaktadır.