Hisia ya outline-style

mifano na matumizi

mchoro yaliyotumiwa kusababisha stili ya mbingu kwa eneo kili kwa kina. Stili haikuchukuliwa none, inafikia kwa sababu ya hivyo mbingu haitakuwa inavyoonekana.

outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。outline 属性设置元素周围的轮廓线。

Mwongozo:请始终在 outline-color 属性之前声明 outline-style 属性。元素只有获得轮廓以后才能改变其轮廓的颜色。

Mwongozo:轮廓线不会占据空间，也不一定是矩形。

另请参阅：

CSS 教程：Mwaka wa CSS vingine

CSS 参考手册：outline 属性

HTML DOM 参考手册：outlineStyle 属性

实例

设置轮廓的样式：

p
  {
  outline-style:dotted;
  }

亲自试一试

CSS 语法

outline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

属性值

值 描述
none 默认。定义无轮廓。
hidden 定义隐藏的轮廓。
dotted 定义点状轮廓。
dashed 定义虚线轮廓。
solid 定义实线轮廓。
double Inadefini hali ya kina kina ya pili. Uwezo wa pili hauwezi kufikirika na thamani ya outline-width.
groove Inadefini umepelewa wa kina kina 3D. Hii inadhibitiwa na thamani ya outline-color.
ridge Inadefini umepelewa wa kina kina 3D. Hii inadhibitiwa na thamani ya outline-color.
inset Inadefini umepelewa wa kina kina 3D. Hii inadhibitiwa na thamani ya outline-color.
outset Inadefini umepelewa wa kina kina 3D. Hii inadhibitiwa na thamani ya outline-color.
inherit Inahusu kwamba kina kusaa hali ya outline kinasaidia kutoka kwa kina kina cha kina.

Vivyo vya teknolojia

Chaguo cha kuzingatia: none
Kuwasiliana na ukoo: no
Tohamia: CSS2
Inayohusiana na lugha ya JavaScript: object.style.outlineStyle="dotted"

TIY Mifano

Kuhusisha hali ya outline
Mifano hii inadharisha kuhusisha hali ya outline.

Mwongozo wa tovuti

Mayari ya jumla ya tabia inaonyesha kwa sababu ya kwanza kwa kusaa hali hiyo ya kifungu cha tovuti.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.5 1.2 7.0

Mwongozo:Ikiwa inahusishwa !DOCTYPE, IE8 inasaa hali ya outline.