定义和用法

outline-style 属性用于设置元素的整个轮廓的样式。样式不能是 none,否则轮廓不会出现。

语法

outline-style:dotted;
参数描述
Javascriptobject.style.outlineStyle="solid"
Jquery$(“选择器”).css('outline-style','solid')

例子 1

<html>
<head>
<style type="text/css">
p { border: red solid thin;}
p.dotted {outline-style: dotted}
p.dashed {outline-style: dashed}
p.solid {outline-style: solid}
p.double {outline-style: double}
p.groove {outline-style: groove}
p.ridge {outline-style: ridge}
p.inset {outline-style: inset}
p.outset {outline-style: outset}
</style>
</head><body>
<p class="dotted">点线</p>
<p class="dashed">虚线</p>
<p class="solid">实线</p>
<p class="double">双线</p>
<p class="groove">定义 3D 凹槽轮廓。此效果取决于 outline-color 值。</p>
<p class="ridge">定义 3D 凹槽轮廓。此效果取决于 outline-color 值。</p>
<p class="inset">定义 3D 凹槽轮廓。此效果取决于 outline-color 值。</p>
<p class="outset">定义 3D 凹槽轮廓。此效果取决于 outline-color 值。</p>

<p><b>注释:</b>只有在规定了 !DOCTYPE 时,Internet Explorer 8 (以及更高版本) 才支持 outline-style 属性。</p>
</body>
</html>