Īpašība outline-style
Īpašība outline-style nosaka stilu
ārējai apmalei - robežai, kura neaizņem
vietu.
Sintakse
selektors {
outline-style: vērtība;
}
Vērtības
| Vērtība | Apraksts |
|---|---|
solid |
Nepārtraukta līnija. |
dotted |
Apmale punktu veidā. |
dashed |
Apmale domuzīmju veidā. |
ridge |
Apmale izliektas līnijas veidā. |
double |
Apmale dubultlīnijas veidā.
Lai redzētu efektu, apmales biezumam jābūt vismaz 3px.
|
groove |
Ieliekta apmale. |
inset |
Iegrimusi apmale. |
outset |
Izvirzīta apmale. |
none |
Robežas neesamība. |
Noklusējuma vērtība: none.
Piemērs . Vērtība solid
<div id="elem"></div>
#elem {
outline-width: 1px;
outline-style: solid;
outline-color: black;
width: 300px;
height: 100px;
}
:
Piemērs . Vērtība dotted
<div id="elem"></div>
#elem {
outline-width: 1px;
outline-style: dotted;
outline-color: black;
width: 300px;
height: 100px;
}
:
Piemērs . Vērtība dashed
<div id="elem"></div>
#elem {
outline-width: 1px;
outline-style: dashed;
outline-color: black;
width: 300px;
height: 100px;
}
:
Piemērs . Vērtība ridge
<div id="elem"></div>
#elem {
outline-width: 3px;
outline-style: ridge;
outline-color: black;
width: 300px;
height: 100px;
}
:
Piemērs . Vērtība double
<div id="elem"></div>
#elem {
outline-width: 3px;
outline-style: double;
outline-color: black;
width: 300px;
height: 100px;
}
:
Piemērs . Vērtība groove
<div id="elem"></div>
#elem {
outline-width: 3px;
outline-style: groove;
outline-color: black;
width: 300px;
height: 100px;
}
:
Piemērs . Vērtība inset
<div id="elem"></div>
#elem {
outline-width: 3px;
outline-style: inset;
outline-color: black;
width: 300px;
height: 100px;
}
:
Piemērs . Vērtība outset
<div id="elem"></div>
#elem {
outline-width: 3px;
outline-style: outset;
outline-color: black;
width: 300px;
height: 100px;
}
:
Skatiet arī
-
īpašība
outline-color,
kura nosaka apmales krāsu -
īpašība
outline-width,
kura nosaka apmales biezumu -
īpašība
outline,
kura ir saīsinājuma īpašība apmalēm -
īpašība
outline-offset,
kura nosaka apmales nobīdi