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>

全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.