编辑“CSS轮廓”

<span style="text-align:center; border:1px solid #000; float:right; padding:6px;"><strong>导航:</strong> [[CSS学习教程#CSS学习教程|上一页]] | {{template:开发语言导航}}</span>
<div style="clear:both;"></div>

==outline==
语法：outline : outline-color || outline-style || outline-width  <br>
取值：<br>
该属性是复合属性。请参阅各参数对应的属性。 <br>

说明：<br>
设置或检索对象外的线条轮廓。外轮廓( outline )画在[[边框]]( border )外面，并且不一定是矩形。<br>
对应的脚本特性为 outline 。 <br>
示例：
<br>img { outline: red }<br>
p { outline: double 5px }<br>
button { outline: #E9E9E9 double thin }
==outline-color==
语法：outline-color : color | invert  <br>
取值：<br>
color  :　 指定颜色。请参阅 颜色单位 和 附录：颜色表  <br>
invert  :　 默认值。使用背景色的反色 <br>

说明：<br>
设置或检索对象外的线条轮廓( outline )的颜色。<br>
对应的脚本特性为 outlineColor 。 <br>
示例：<br>
img { outline-color: red }<br>
p { outline-color: #E9E9E9 } 
==outline-style==
语法：outline-style : none | dotted | dashed | solid | double | groove | ridge | inset | outset  <br>
取值：<br>
none  :　 默认值。无边框。与任何指定的 outline-width 值无关 <br>
dotted  :　 点线外轮廓 <br>
dashed  :　 虚线外轮廓 <br>
solid  :　 实线外轮廓 <br>
double  :　 双线外轮廓。两条单线与其间隔的和等于指定的 oueline-width 值 <br>
groove  :　 根据 outline-color 的值画3D凹槽外轮廓 <br>
ridge  :　 根据 outline-color 的值画3D凸槽外轮廓 <br>
inset  :　 根据 outline-color 的值画3D凹边外轮廓 <br>
outset  :　 根据 outline-color 的值画3D凸边外轮廓 <br>

说明：<br>
设置或检索对象外的线条轮廓( outline )的样式。<br>
对应的脚本特性为 outlineStyle 。 <br>
示例：
<br>img { outline-color: orange; outline-style: solid ; outline-width: medium ; } <br>
==outline-width==
语法：outline-width : medium | thin | thick | length <br>
取值：<br>
medium  :　 默认值。默认宽度 <br>
thin  :　 小于默认宽度 
<br>thick  :　 大于默认宽度<br> 
length  :　 由浮点数字和单位标识符组成的长度值。不可为负值。<br> 

说明：<br>
设置或检索对象外的线条轮廓( outline )的宽度。<br>
对应的脚本特性为 outlineWidth 。 <br>
示例：
<br>img { outline-color: orange; outline-style: solid ; outline-width: medium ; }

[[category:CSS学习教程]]