にほんブログ村 デザインブログ Webデザインへ PVアクセスランキング にほんブログ村
【CSSリファレンス】outline-width - web design lab

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


【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

サンプルデモ


にほんブログ村 デザインブログ Webデザインへ PVアクセスランキング にほんブログ村