【CSS】枠線を要素内側に引くための３つの方法 | PisukeCode - Web開発まとめCSSで枠線を内側に引きたい場合、方法は１つじゃありません。 いくつかやり方を考えてみると次の３つが使えます。 box-sizingプロパティを使った方法 outline-offsetプロパティを使った方法 after疑似要素を使った方法 どれを使っても内側に枠線を引くことができますが、微妙に動作とかが違います。 そこで記憶の整理も兼ねてこれらのやり方とコード例についてまとめてみました。 １. box-sizingプロパティを使った方法 box-sizing とはボックス（要素）サイズの算出方法を指定するためのプロパティ この値に border-box を指定することでボーダーを要素サイズに含めることが可能です。 なのでそれを応用すれば内側に枠線を引けます。 そのやり方は次のコード例の通り
