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