要素の周囲に輪郭線を描画するプロパティです。borderと似ていますが、レイアウトに影響しません。フォーカス時の視覚フィードバックに使用され、アクセシビリティの観点から重要です。
outline: <outline-width> <outline-style> <outline-color>outline: 2px solid blue;青色の2px実線アウトライン
outline: 3px dashed red;赤色の3px破線アウトライン
outline: none;アウトラインを無効化（アクセシビリティ注意）
outline-offset: 5px;アウトラインと要素の間に5pxの隙間
フォーカス状態の表示に使われる。borderと違いレイアウトに影響しない。outline: none;を使う場合は代替のフォーカススタイルを必ず用意する。
outline: none;でフォーカス表示を消すとアクセシビリティ問題。代わりに独自のフォーカススタイルを実装する。outline-offsetで位置調整可能。
全ブラウザ対応