CSSリファレンス

outlineの意味と使い方

アウトラインとは、ボーダーのすぐ外側に表示される要素の輪郭線(縁取り)のことです。ボタンや入力フィールドなどに輪郭線をつけて強調したいときなどに利用できます。アウトラインはボーダーとは異なり、ボックスのサイズや配置、周りのレイアウトには影響しません。

値の指定方法

outline-widthの値

アウトラインの色を指定します。


outline-styleの値

アウトラインの種類を指定します。


outline-widthの値

アウトラインの幅を指定します。


関連プロパティ

  • outline-width:アウトラインの幅を指定する
  • outline-style:アウトラインの種類を指定する
  • outline-color:アウトラインの色を指定する