Уласцівасць outline

Уласцівасць outline задае колер, тып і таўшчыню для вонкавай рамкі (мяжы, якая не займае месца) для ўсіх бакоў адначасова, але ў адрозненне ад border такая мяжа не пашырае элемент. З'яўляецца ўласцівасцю-скарачэннем для outline-width, outline-style і outline-color (але не для outline-offset).

Сінтаксіс

cssселектар {
  outline: таўшчыня тып колер;
}

Парадак уласцівасцей значэння не мае.

Прыклад . Toлькі outline

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

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

Результат:

Прыклад . Уласцівасці outline і border разам

Мяжа ад outline будзе звонку, а мяжа ад border - унутры:

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

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

Результат:

Глядзіце таксама