ボーダーとアウトラインの違い

ボーダーとアウトラインの違い:

ボーダーはボックスのサイズ変更をサポートします: border-box ボーダーがある場合、新しいボーダーが追加され、前のマージンに従って処理されます

アウトラインはボックスのサイズ変更をサポートしていません: border-box; マージンが最初に処理され、アウトラインが後で追加されます。これは、アウトラインのサイズに関係なく、スケーリング (transform:scale(1.2);) に似ています。レイアウトには影響しません。