Својство outline-style
Својство outline-style дефинише стил
спољашњег оквира - границе која не заузима
простор.
Синтакса
селектор {
outline-style: вредност;
}
Вредности
| Вредност | Опис |
|---|---|
solid |
Потпуна линија. |
dotted |
Оквир у виду тачака. |
dashed |
Оквир у виду цртица. |
ridge |
Оквир у виду конвексне линије. |
double |
Оквир у виду двоструке линије.
Да би се видео ефекат, дебљина границе мора бити најмање 3px.
|
groove |
Конкавни оквир. |
inset |
Увучени оквир. |
outset |
Испупчени оквир. |
none |
Одсуство границе. |
Подразумевана вредност: none.
Пример . Вредност solid
<div id="elem"></div>
#elem {
outline-width: 1px;
outline-style: solid;
outline-color: black;
width: 300px;
height: 100px;
}
:
Пример . Вредност dotted
<div id="elem"></div>
#elem {
outline-width: 1px;
outline-style: dotted;
outline-color: black;
width: 300px;
height: 100px;
}
:
Пример . Вредност dashed
<div id="elem"></div>
#elem {
outline-width: 1px;
outline-style: dashed;
outline-color: black;
width: 300px;
height: 100px;
}
:
Пример . Вредност ridge
<div id="elem"></div>
#elem {
outline-width: 3px;
outline-style: ridge;
outline-color: black;
width: 300px;
height: 100px;
}
:
Пример . Вредност double
<div id="elem"></div>
#elem {
outline-width: 3px;
outline-style: double;
outline-color: black;
width: 300px;
height: 100px;
}
:
Пример . Вредност groove
<div id="elem"></div>
#elem {
outline-width: 3px;
outline-style: groove;
outline-color: black;
width: 300px;
height: 100px;
}
:
Пример . Вредност inset
<div id="elem"></div>
#elem {
outline-width: 3px;
outline-style: inset;
outline-color: black;
width: 300px;
height: 100px;
}
:
Пример . Вредност outset
<div id="elem"></div>
#elem {
outline-width: 3px;
outline-style: outset;
outline-color: black;
width: 300px;
height: 100px;
}
:
Погледајте такође
-
својство
outline-color,
које дефинише боју оквира -
својство
outline-width,
које дефинише дебљину оквира -
својство
outline,
које је својство скраћеница за оквире -
својство
outline-offset,
које дефинише померај оквира