Border xüsusiyyəti

border xüsusiyyəti bütün tərəflər üçün eyni vaxtda çərçivənin rəngini, növünü və qalınlığını təyin edir. border-width, border-style və border-color xüsusiyyətləri üçün qısaldılmış xüsusiyyətdir. Qısaldılan xüsusiyyətlərdən fərqli olaraq, bir anda 4 tərəf üçün fərqli çərçivə təyin edə bilməz, yalnız hamısı üçün eyni çərçivə təyin edə bilər.

Sintaksis

selektor {
	border: qalınlıq növ rəng;
}

Xüsusiyyətlərin sırasının əhəmiyyəti yoxdur.

Nümunə

Gəlin element üçün qalınlığı 1px olan qara çərçivə yaradaq:

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

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

Həmçinin bax

sol çərçivəni təyin edən border-left xüsusiyyəti,
sağ çərçivəni təyin edən border-right xüsusiyyəti,
yuxarı çərçivəni təyin edən border-top xüsusiyyəti,
aşağı çərçivəni təyin edən border-bottom xüsusiyyəti,
element üçün xarici xətti təyin edən outline xüsusiyyəti,
çərçivənin künclərini yumşaldan border-radius xüsusiyyəti,