指定した要素に、border とは別に枠線を追加出来るCSSです。
記述は、
id or class {
outline: 1px solid green; /* 線幅、線のスタイル、カラー */
outline-offset: 10px; /* 対象の要素からの距離、マイナス(内側)にも対応 */
}
outline は width や height には影響しません。まさに装飾ということです。
また、border-radius は適応されません。単位は、px, em に対応。
See the Pen.
ここぞ、という時に役に立ちそうな CSS ですね。
ぜひお試しください。
関連記事
▥ CSS : box-shadow を “border” にしてデザインする
▥ HTML / CSS ブラウザ対応状況を調べるなら [ Can I use ] が分かりやすい
