outline

要素の外側に輪郭を表示するプロパティ。要素の外側に線を引くためにはborderを使用するが、outlineはさらにその外側の輪郭に線を引く(box-sizingの計算対象外)。
borderプロパティはボックスモデルの一つなので、もしhoverやfocasなどで太い線のborderを表現すると全体の要素がズレてしまうが、outlineプロパティは輪郭を表現するだけなので、要素がズレることはない。
また、outlineプロパティは輪郭を表現するためだけのプロパティなので、上下左右のどれかを指定して表示することはできない(outline-topなどは存在しない)。

input:focus{
  outline:solid 5px rgb(255, 0, 0);
}

【参考】
https://web-camp.io/magazine/archives/89719

inserted by FC2 system