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

cssselektor {
  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:

html<div id="elem"></div>
css#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,