二维码

CSS 轮廓宽度

CSS 轮廓宽度

CSS 轮廓宽度

该属性指定轮廓的宽度, 并且可以具有以下值之一:outline-width

  • 薄(通常为 1px)
  • 中(通常为 3px)
  • 厚(通常为 5px)
  • 特定尺寸(以 px、pt、cm、em 等为单位)

以下示例显示了一些具有不同宽度的轮廓:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
p.ex1 {  border: 1px solid black;  
  outline-style: solid;
  outline-color: red;
  outline-width: thin;}

p.ex2 {  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: medium;}

p.ex3 {  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: thick;}

p.ex4 {  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: 4px;}