CSSのアウトライン幅

CSS outline-style CSSのアウトラインの色

CSS アウトライン幅

outline-width 属性はアウトラインの幅を指定し、次のいずれかの値に設定できます。

  • 薄い（通常は 1 ピクセル）
  • 中 (通常は 3 ピクセル)
  • 太い（通常は 5 ピクセル）
  • 特定の寸法（px、pt、cm、em 単位）

次の例は、幅が異なるいくつかのアウトラインを示しています。

細いアウトライン。

中程度のアウトライン。

太いアウトライン。

4 ピクセルの太さのアウトライン。

例

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

自分で試してみてください

CSS outline-style CSSのアウトラインの色