borderとoutlineについて、どちらかだけ使っているといつか壁にぶつかります。

結論

outline: レイアウトに影響を与えない。

border: 要素自体の幅に影響を与えるが、融通が利き用途が幅広い。

使用場面