outlineの解説|クロノドライブのCSS辞典

outline

対応ブラウザ Internet Explorer 8~ / Firefox 1.5~ / Google Chrome 1~ / Safari 1.2~ / Opera 7~
初期値 invert none medium 継承 しない
適用可能な要素 すべての要素
用例
.style {
  outline: 10px solid #f00;
 }

outlineとは

outlineとは輪郭線のスタイルや色、太さをまとめて指定するプロパティです。input要素、textarea要素、select要素に使用すると、リンクやフォーム部分がフォーカス状態になった時の輪郭線を指定することができます。
以下の値で指定します。

outline-widthの値
アウトラインの太さを指定します。
outline-colorの値
アウトラインの色を指定します。
outline-styleの値
アウトラインのスタイルを指定します。

borderとは違い、outlineはボックスのサイズに影響しません。また、outline-topやoutline-leftのようなプロパティはなく、上下左右を個別に設定することはできません。