Svojstvo outline-style
Svojstvo outline-style postavlja stil
spoljne ramove - granice koja ne zauzima
mesto.
Sintaksa
selektor {
outline-style: vrednost;
}
Vrednosti
| Vrednost | Opis |
|---|---|
solid |
Puna linija. |
dotted |
Ramova u obliku tačaka. |
dashed |
Ramova u obliku crtica. |
ridge |
Ramova u obliku ispupčene linije. |
double |
Ramova u obliku duple linije.
Da biste videli efekat debljina granice mora biti minimum 3px.
|
groove |
Udubljena ramova. |
inset |
Ulegnuta ramova. |
outset |
Ispupčena ramova. |
none |
Odsustvo granice. |
Podrazumevana 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;
}
:
Vidite takođe
-
svojstvo
outline-color,
koje postavlja boju ramove -
svojstvo
outline-width,
koje postavlja debljinu ramove -
svojstvo
outline,
koje je svojstvo skraćenicom za ramove -
svojstvo
outline-offset,
koje postavlja pomeraj ramove