Xüsusiyyət outline

Xüsusiyyət outline bütün tərəflər üçün eyni vaxtda xarici çərçivə üçün (yer tutmayan sərhəd) rəng, növ və qalınlığı təyin edir, lakin border-dan fərqli olaraq belə bir sərhəd elementi genişləndirmir. outline-width, outline-style və outline-color üçün qısaldılmış xüsusiyyətdir (ancaq outline-offset üçün deyil).

Sintaksis

cssselektor {
  outline: qalınlıq növ rəng;
}

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

Nümunə . Yalnız outline

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

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

Результат:

Nümunə . Outline və border xüsusiyyətləri birlikdə

outline-dan olan sərhəd xaricdə, border-dan olan sərhəd isə daxildə olacaq:

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

css#elem {
  outline: 4px solid green;
  border: 4px solid red;
  width: 300px;
  height: 100px;
}

Результат:

Həmçinin bax