Lastnost outline

Lastnost outline določa barvo, tip in debelino za zunanji okvir (obroba, ki ne zavzema prostora) za vse strani hkrati, vendar za razliko od border taka obroba ne razširi elementa. Je lastnost-okrajšava za outline-width, outline-style in outline-color (vendar ne za outline-offset).

Sintaksa

cssselektor {
  outline: debelina tip barva;
}

Vrstni red lastnosti vrednosti nima pomena.

Primer . Samo outline

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

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

Результат:

Primer . Lastnosti outline in border skupaj

Obroba od outline bo na zunanji strani, obroba od border pa na notranji:

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

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

Результат:

Glejte tudi