css - CSS3を使用して内側の境界線を作成するにはどうすればよいですか?

Question

CSS3 を使用して内側の境界線を作成するにはどうすればよいですか?

つまり、境界線が要素のアクティブ/パディング領域から外側に伸びるのではなく、内側に伸び、その内容に重なっていますか?

可能であれば、最小限の CSS ルールで実行できれば幸いです。

Answer 1

box-shadow (およびベンダー固有のサブセット) を使用してみてください。
例えば：

-moz-box-shadow: inset #B3B3B3 0 -1px 0 0;
-webkit-box-shadow: inset #B3B3B3 0 -1px 0 0;
box-shadow: inset #B3B3B3 0 -1px 0 0;