Vlastnost outline
Vlastnost outline nastavuje barvu, typ
a tloušťku pro vnější ohraničení (okraj, který
nezabírá místo) pro všechny strany současně,
ale na rozdíl od border
takový okraj nerozšiřuje element.
Je to zkratka pro vlastnosti outline-width,
outline-style
a outline-color
(ale ne pro outline-offset).
Syntaxe
selektor {
outline: tloušťka typ barva;
}
Pořadí vlastností hodnoty nemá význam.
Příklad . Pouze outline
<div id="elem"></div>
#elem {
outline: 1px solid black;
width: 300px;
height: 100px;
}
:
Příklad . Vlastnosti outline a border společně
Okraj od outline bude zvenčí, a okraj
od border - zevnitř:
<div id="elem"></div>
#elem {
outline: 4px solid green;
border: 4px solid red;
width: 300px;
height: 100px;
}
:
Viz také
-
vlastnost
outline-offset,
která nastavuje posun okraje
