アウトライン：なしVSアウトライン：0

Question

私は この質問 を読んでいましたが、<a>リンクの破線のボーダーを無効にすることについて。 一部回答 使用outline: none、一方 一部 使用outline: 0

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

Answer 1

[〜＃〜] mdn [〜＃〜] によると：

CSS outlineプロパティは、単一の宣言で個々のアウトラインプロパティoutline-style、outline-width、およびoutline-colorの1つまたは複数を設定するための省略プロパティです

したがって、outlineをnoneまたは0に設定すると、実際には3つのプロパティ（outline-style、outline-widthおよびoutline-color）

私はFirefox開発ツールを使用して違いを見つけました：

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

• outlineが0の場合、outline-widthは0px
• outlineがnoneの場合、outline-widthはmedium

それが両者の唯一の違いです。どちらを使用しても、同じように表示されます（outline-styleはnoneであるため、アウトラインの幅は問題ではありません）。