【CSSリファレンス】outline-width

こんにちは（・∀・）

CSSプロパティのご紹介です。今回ご紹介するCSSプロパティはoutline-widthです。

概要

outline-widthプロパティを使用してアウトラインの太さを指定します。

.sample {
  outline-width: 2px;
}

適用要素

すべての要素

指定できる値

実数値+単位

アウトラインの太さを数値+単位で設定

thin

細線

medium

中間

thick

太線

初期値

medium

サンプル

HTML

<p>サンプルデモ</p>

CSS

.demo {
  outline-width: 2px;
  outline-style: dotted;
  outline-color: #d49fc2;
}

Result