Vlastnosť outline

Vlastnosť outline nastavuje farbu, typ a šírku pre vonkajší obrys (okraj, ktorý nezaberá miesto) pre všetky strany súčasne, ale na rozdiel od border takýto okraj nerozširuje element. Je to vlastnosť-skratka pre outline-width, outline-style a outline-color (ale nie pre outline-offset).

Syntax

cssselektor {
  outline: šírka typ farba;
}

Poradie vlastností hodnoty nemá význam.

Príklad . Len outline

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

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

Результат:

Príklad . Vlastnosti outline a border spolu

Okraj od outline bude zvonku, zatiaľ čo okraj od border - zvnútra:

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

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

Результат:

Pozrite tiež