Vlastnosť outline
Vlastnosť outline nastavuje farbu, typ
a šírku pre vonkajší obrys (okraj, ktorý
nezaberá miesto) pre všetky strany súčasne,
ale na rozdiel od border
takýto okraj nerozširuje element.
Je to vlastnosť-skratka pre outline-width,
outline-style
a outline-color
(ale nie pre outline-offset).
Syntax
selektor {
outline: šírka typ farba;
}
Poradie vlastností hodnoty nemá význam.
Príklad . Len outline
<div id="elem"></div>
#elem {
outline: 1px solid black;
width: 300px;
height: 100px;
}
:
Príklad . Vlastnosti outline a border spolu
Okraj od outline bude zvonku, zatiaľ čo okraj
od border - zvnútra:
<div id="elem"></div>
#elem {
outline: 4px solid green;
border: 4px solid red;
width: 300px;
height: 100px;
}
:
Pozrite tiež
-
vlastnosť
outline-offset,
ktorá nastavuje posun obrysu
