Mfano wa outline wa CSS

定义和用法

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

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

outline 简写属性在一个声明中设置所有的轮廓属性。

可以按顺序设置如下属性：

Ikiwa inapatikanywa chaguo kwanza, haitakaribwa, kama outline:solid #ff0000; inaonesha.

Tafadhali tazama pia:

Mwongozo wa CSS:CSS Mabaki

Mwongozo wa HTML DOM:outline kina inayosimamia kina hiki

Mfano

Inaingia 4 kina inayosimamia kina hiki:

p
  {
  outline:#00FF00 dotted thick;
  }

Inafaa kuona tena

Inayotumika kiingilio cha CSS

outline: outline-width outline-style outline-color|initial|inherit;

Inaingia chaguo cha kuzingatia.

Inaingia Inasikitisha
outline-color Inayotukuzwa kwamba kina inapaswa kumwambia kina inayosimamia kina hiki.outline-color Inaingia kwa sababu za kuzingatia.
outline-style Inayotukuzwa kwamba kina inapaswa kumwambia kina inayosimamia kina hiki.outline-style Inaingia kwa sababu za kuzingatia.
outline-width Inayotukuzwa kwamba kina inapaswa kumwambia kina inayosimamia kina hiki.outline-width Inaingia kwa sababu za kuzingatia.
inherit Inayotukuzwa kwamba kina inapaswa kutumia muumiazo wa kina ya mengine kwenye kina hiki.

Mafundisho ya teknolojia

Chaguo cha kuzingatia: invert none medium
Uhusiano wa kumwambia: no
Sanaa: CSS2
Inayotumika kiingilio cha JavaScript: object.style.outline="#0000FF dotted thin"

TIY mfunzo

Kufaisha jina la outline kwenye kina hiki
Mfano huu unashonza kufaisha jina la outline kwenye kina hiki.

Muungano wa browser

Inaingia inaona kwa tabia kwa sababu ya kumwambia browser ya kwanza inayosimamia kina hiki.

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

Kutukuzua:Ikiwa inapatikanywa !DOCTYPE, IE8 inakubadilika jina la outline.