CSS 轮廓宽度

CSS 轮廓宽度

outline-width 属性指定轮廓的宽度，并可设置如下值之一：

  • thin（通常为 1px）
  • medium（通常为 3px）
  • thick （通常为 5px）
  • 特定尺寸（以 px、pt、cm、em 计）

下例展示了一些不同宽度的轮廓：

细的轮廓。

中等的轮廓。

粗的轮廓。

4 像素的粗轮廓。

实例

  1. p.ex1 {
  2.   border: 1px solid black;
  3.   outline-style: solid;
  4.   outline-color: red;
  5.   outline-width: thin;
  6. }
  8. p.ex2 {
  9.   border: 1px solid black;
  10.   outline-style: solid;
  11.   outline-color: red;
  12.   outline-width: medium;
  13. }
  15. p.ex3 {
  16.   border: 1px solid black;
  17.   outline-style: solid;
  18.   outline-color: red;
  19.   outline-width: thick;
  20. }
  22. p.ex4 {
  23.   border: 1px solid black;
  24.   outline-style: solid;
  25.   outline-color: red;
  26.   outline-width: 4px;
  27. }