Vlastnost outline

Vlastnost outline nastavuje barvu, typ a tloušťku pro vnější ohraničení (okraj, který nezabírá místo) pro všechny strany současně, ale na rozdíl od border takový okraj nerozšiřuje element. Je to zkratka pro vlastnosti outline-width, outline-style a outline-color (ale ne pro outline-offset).

Syntaxe

cssselektor {
  outline: tloušťka typ barva;
}

Pořadí vlastností hodnoty nemá význam.

Příklad . Pouze outline

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

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

Результат:

Příklad . Vlastnosti outline a border společně

Okraj od outline bude zvenčí, a okraj od border - zevnitř:

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

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

Результат:

Viz také