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-leftxüsusiyyəti,
-
sağ çərçivəni təyin edən
border-rightxüsusiyyəti,
-
yuxarı çərçivəni təyin edən
border-topxüsusiyyəti,
-
aşağı çərçivəni təyin edən
border-bottomxüsusiyyəti,
-
element üçün xarici xətti təyin edən
outlinexüsusiyyəti,
-
çərçivənin künclərini yumşaldan
border-radiusxüsusiyyəti,