「アウトライン:なし」と「アウトライン:0」には違いがありますか? 質問する

「アウトライン:なし」と「アウトライン:0」には違いがありますか? 質問する

読んでいたこの質問リンクの周囲の破線の境界線を無効にする方法<a>いくつかの 回答使用outline: none中、いくつかの使用済みoutline: 0

outline: noneとの使用には違いがありますかoutline: 0?

ベストアンサー1

によると翻訳:

CSSプロパティは、outline1つまたは複数の個別のアウトラインプロパティを設定するための短縮プロパティでありoutline-style、単一の宣言でoutline-widthoutline-color

したがって、またはoutlineを設定すると、実際にはブラウザに3つのプロパティ(、、)を設定するように指示することになります。none0outline-styleoutline-widthoutline-color

違いを確認するために、Firefox 開発ツールを使用しました。

<code>アウトライン: 0</code> <code>アウトライン: なし</code>

ご覧のとおり、どちらもデフォルトのテキスト色として が使用されておりoutline-color、どちらもoutline-styleに設定されていますnone。唯一の違いは ですoutline-width

  • outlineが のとき0outline-width0px
  • outlineが のときnoneoutline-widthmedium

これが 2 つの唯一の違いです。どちらを使用しても、どちらも同じように表示されます ( は なのでoutline-stylenoneアウトラインの幅は関係ありません)。

おすすめ記事