Lastnost outline-style
Lastnost outline-style določa slog
zunanjega obroba - meje, ki ne zavzema
prostora.
Sintaksa
selektor {
outline-style: vrednost;
}
Vrednosti
| Vrednost | Opis |
|---|---|
solid |
Polna črta. |
dotted |
Obroba v obliki pik. |
dashed |
Obroba v obliki črtic. |
ridge |
Obroba v obliki izbočene črte. |
double |
Obroba v obliki dvojne črte.
Za učinek mora biti debelina obrobe vsaj 3px.
|
groove |
Vbočena obroba. |
inset |
Vtisnjena obroba. |
outset |
Izbočena obroba. |
none |
Brez obrobe. |
Privzeta vrednost: none.
Primer . Vrednost solid
<div id="elem"></div>
#elem {
outline-width: 1px;
outline-style: solid;
outline-color: black;
width: 300px;
height: 100px;
}
:
Primer . Vrednost dotted
<div id="elem"></div>
#elem {
outline-width: 1px;
outline-style: dotted;
outline-color: black;
width: 300px;
height: 100px;
}
:
Primer . Vrednost dashed
<div id="elem"></div>
#elem {
outline-width: 1px;
outline-style: dashed;
outline-color: black;
width: 300px;
height: 100px;
}
:
Primer . Vrednost ridge
<div id="elem"></div>
#elem {
outline-width: 3px;
outline-style: ridge;
outline-color: black;
width: 300px;
height: 100px;
}
:
Primer . Vrednost double
<div id="elem"></div>
#elem {
outline-width: 3px;
outline-style: double;
outline-color: black;
width: 300px;
height: 100px;
}
:
Primer . Vrednost groove
<div id="elem"></div>
#elem {
outline-width: 3px;
outline-style: groove;
outline-color: black;
width: 300px;
height: 100px;
}
:
Primer . Vrednost inset
<div id="elem"></div>
#elem {
outline-width: 3px;
outline-style: inset;
outline-color: black;
width: 300px;
height: 100px;
}
:
Primer . Vrednost outset
<div id="elem"></div>
#elem {
outline-width: 3px;
outline-style: outset;
outline-color: black;
width: 300px;
height: 100px;
}
:
Glejte tudi
-
lastnost
outline-color,
ki določa barvo obrobe -
lastnost
outline-width,
ki določa debelino obrobe -
lastnost
outline,
ki je okrajšava za lastnosti obrobe -
lastnost
outline-offset,
ki določa odmik obrobe