Egenskapen outline

Egenskapen outline anger färg, typ och tjocklek för den yttre ramen (en gräns som inte tar upp plats) för alla sidor samtidigt, men till skillnad från border utökar en sådan gräns inte elementet. Är en egenskapsförkortning för outline-width, outline-style och outline-color (men inte för outline-offset).

Syntax

cssselector {
  outline: tjocklek typ färg;
}

Ordningen på egenskaperna spelar ingen roll.

Exempel . Endast outline

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

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

Результат:

Exempel . Egenskaperna outline och border tillsammans

Gränsen från outline kommer att vara på utsidan, medan gränsen från border - på insidan:

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

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

Результат:

Se även