Właściwość outline

Właściwość outline ustawia kolor, typ i grubość dla zewnętrznego obramowania (granicy, która nie zajmuje miejsca) dla wszystkich stron jednocześnie, ale w przeciwieństwie do border taka granica nie rozszerza elementu. Jest właściwością-skrótem dla outline-width, outline-style i outline-color (ale nie dla outline-offset).

Składnia

cssselektor {
  outline: grubość typ kolor;
}

Kolejność właściwości wartości nie ma.

Przykład . Tylko outline

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

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

Результат:

Przykład . Właściwości outline i border razem

Granica od outline będzie na zewnątrz, a granica od border - wewnątrz:

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

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

Результат:

Zobacz też