Својството outline

Својството outline ја поставува бојата, типот и дебелината за надворешен раб (граница што не зазема простор) за сите страни истовремено, но за разлика од border ваквата граница не го проширува елементот. Е својство-кратенка за outline-width, outline-style и outline-color (но не за outline-offset).

Синтакса

cssселектор {
  outline: дебелина тип боја;
}

Редоследот на својствата нема значење.

Пример . Само 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;
}

Результат:

Погледнете исто така