ベストアンサー1
によると翻訳:
CSSプロパティは、
outline
1つまたは複数の個別のアウトラインプロパティを設定するための短縮プロパティでありoutline-style
、単一の宣言でoutline-width
outline-color
したがって、またはoutline
を設定すると、実際にはブラウザに3つのプロパティ(、、)を設定するように指示することになります。none
0
outline-style
outline-width
outline-color
違いを確認するために、Firefox 開発ツールを使用しました。
ご覧のとおり、どちらもデフォルトのテキスト色として が使用されておりoutline-color
、どちらもoutline-style
に設定されていますnone
。唯一の違いは ですoutline-width
。
outline
が のとき0
、outline-width
は0px
outline
が のときnone
、outline-width
はmedium
これが 2 つの唯一の違いです。どちらを使用しても、どちらも同じように表示されます ( は なのでoutline-style
、none
アウトラインの幅は関係ありません)。