Bu dersimizde border, Türkçe'siyle kenar çizgilerini anlatmaya çalışacağım.. 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.Bunları nasıl kullanırız?

.katman{
border:dashed 1px #f00;
}

Borderin tüm işlevleri genellikle bir satırda yazılır. Yukarıdaki gibi. Bakıldığında border stili, boyutu ve rengi yazılmıştır. Kısaca böyledir. Ayrıca borderi 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)

bunun gibi yazılmaktadır...

Kolay gelsin.