CSS reunaviivan leveys

CSS reunaviivan leveys

outline-width Ominaisuus määrittää reunan leveyden ja voi asettaa seuraavista arvoista yhden:

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

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

细的轮廓。

中等的轮廓。

粗的轮廓。

4 pikselin粗轮廓。

Esimerkki

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;
}

Kokeile itse