http://wiki.blueidea.com/index.php?action=history&feed=atom&title=CSS_2.1_%E5%8F%82%E8%80%83%E6%89%8B%E5%86%8C%2Foutline-style
CSS 2.1 参考手册/outline-style - 版本历史
2026-05-08T12:36:23Z
本wiki的该页面的版本历史
MediaWiki 1.24.1
http://wiki.blueidea.com/index.php?title=CSS_2.1_%E5%8F%82%E8%80%83%E6%89%8B%E5%86%8C/outline-style&diff=1483&oldid=prev
Missx：新建页面
2007-11-17T05:46:26Z
<p>新建页面</p>
<p><b>新页面</b></p><div>==定义==<br />
outline-style属性是设置元素轮廓线的样式。轮廓类似边框，但是其在元素盒模型之外，页就不影响元素的高和宽。轮廓最有用的应用就是看那个表单控制处于激活状态。（详见截图）<br />
<br />
[[image:outline.gif]]<br />
<br />
下面的截图显示了一些浏览器显示的轮廓线：<br />
<br />
[[image:outline-style.gif]]<br />
==案例==<br />
<source lang="css"><br />
input:focus, select:focus, textarea:focus {<br />
outline-style: dotted;<br />
}<br />
</source><br />
<br />
<br />
==特性==<br />
===可能的值===<br />
none<br />
:没有边框，边框的宽度是0。<br />
hidden<br />
:和none值一样，结果是没有边框。但是某些情况的边框与table元素相抵触，hidden的优先权在所有的边框样式属性之上，而none没有。<br />
dotted<br />
:边框是点状的。<br />
dashed<br />
:边框是短线型的。<br />
solid<br />
:边框是单线的。<br />
double<br />
:边框有两条实线。两条线和他们之间的空隙平分[[CSS 2.1 参考手册/border-width|border-width]]。<br />
groove<br />
:边框看起来像刻在背景里面的。<br />
ridge<br />
:和groove相反，边框看起来是从背景里面凸出来的。<br />
inset<br />
:边框使得中间的内容看起来相陷在背景里面的。<br />
outset<br />
:和inset相反，边框使得中间的内容看起来是从背景里面凸出来的。<br />
inherit<br />
:使用父元素相同的属性<br />
<br />
===默认值===<br />
none<br />
===适用于===<br />
[[CSS 2.1 参考手册/所有元素|所有元素]]<br />
===继承===<br />
不<br />
<br />
==另见==<br />
*[[CSS 2.1 参考手册/outline|outline]]<br />
*[[CSS 2.1 参考手册/outline-width|outline-width]]<br />
*[[CSS 2.1 参考手册/outline-color|outline-color]]<br />
<br />
*原文地址：http://xhtml.com/en/css/reference/outline-style/<br />
[[category:CSS]]</div>
Missx