Skip to main content

元素轮廓宽度 outline-width

Docs

元素轮廓宽度​

CSS 属性 outline-width 用于设置一个元素的轮廓的厚度。元素轮廓是绘制于元素周围的一条线，位于 border 的外围。

大多情况下用简写属性 outline 定义轮廓外观会更方便。

/* Keyword values */
outline-width: thin;
outline-width: medium;
outline-width: thick;

/* <length> values */
outline-width: 1px;
outline-width: 0.1em;

/* Global values */
outline-width: inherit;

取值​

  • <length>: 轮廓宽度，规则同 <length>。

  • thin: 取决于用户代理。通常等同于桌面浏览器的 1px （包括 Firefox）。

  • medium: 取决于用户代理。通常等同于桌面浏览器的 3px （包括 Firefox）。

  • thick: 取决于用户代理。通常等同于桌面浏览器的 5px（包括 Firefox）。

语法​

outline-width =
  <line-width>

<line-width> =
  <length [0,∞]>  |
  thin            |
  medium          |
  thick

规范​

CSS Basic User Interface Module Level 4 (w3c.github.io)

w3c_outline-width

示例​

Loading Github Gist ...