Border özelliği

border özelliği, kenarlığın rengini, stilini ve kalınlığını tüm kenarlar için aynı anda belirler. border-width, border-style ve border-color özellikleri için kısaltılmış bir özelliktir. Kısaltılan özelliklerin aksine, 4 kenar için aynı anda farklı kenarlıklar belirleyemez, yalnızca tüm kenarlar için aynı olanı belirleyebilir.

Sözdizimi

seçici {
	border: kalınlık stil renk;
}

Özelliklerin sırası önemli değildir.

Örnek

Bir elemana 1px kalınlığında siyah bir kenarlık yapalım:

<div id="elem"></div>

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

Ayrıca bakınız

sol kenarlığı belirleyen border-left özelliği,
sağ kenarlığı belirleyen border-right özelliği,
üst kenarlığı belirleyen border-top özelliği,
alt kenarlığı belirleyen border-bottom özelliği,
eleman için bir anahat belirleyen outline özelliği,
kenarlığın köşelerini yuvarlayan border-radius özelliği,