CSS outline-width属性,轮廓宽度
outline-width属性
CSS中的outline-width属性可以用来单独设置HTML元素轮廓的宽度大小,该属性的值一般可以用如下几种方式进行表示:
值 | 描述 |
---|---|
length | 数值类型,单位可以为px、pt、cm、em等 |
thin | 预定义尺寸名称,一般为1px |
medium | 预定义尺寸名称,一般为3px |
thick | 预定义尺寸名称,一般为5px |
outline-width实例代码,及在线编辑器
<p class='ol1'>属性值单位为px</p>
<p class='ol2'>属性值单位为pt</p>
<p class='ol3'>属性值单位为cm</p>
<p class='ol4'>属性值单位为em</p>
<p class='ol5'>属性值为thin</p>
<p class='ol6'>medium</p>
<p class='ol7'>thick</p>
<style>
.ol1{outline-style:solid;outline-width:2px;}
.ol2{outline-style:solid;outline-width:2pt;}
.ol3{outline-style:solid;outline-width:0.1cm;}
.ol4{outline-style:solid;outline-width:0.5em;}
.ol5{outline-style:solid;outline-width:thin;}
.ol6{outline-style:solid;outline-width:medium;}
.ol7{outline-style:solid;outline-width:thick;}
</style>