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
selektor {
outline: grubość typ kolor;
}
Kolejność właściwości wartości nie ma.
Przykład . Tylko outline
<div id="elem"></div>
#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:
<div id="elem"></div>
#elem {
outline: 4px solid green;
border: 4px solid red;
width: 300px;
height: 100px;
}
:
Zobacz też
-
właściwość
outline-offset,
które ustawia przesunięcie ramki
