Свойство 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;
}
:
Қarangлар
-
свойство
outline-color,
рамканинг рангini белгилайди -
свойство
outline-width,
рамканинг қалинлигини белгилайди -
свойство
outline,
рамкалар учун қисқартирилган свойства бўлган свойства -
свойство
outline-offset,
рамканинг силжишини белгилайди