How can I make inner border using CSS3? [closed]

Question

How can I make an inner border using CSS3?

That is, instead of the border extending outwards from the active/padding area of the element, it extends inwards, overlapping its contents?

I'd appreciate it if it could be done with a minimum of CSS rules, if it is possible at all.

Answer 1

Try using the box-shadow (and vendor specific subsets).
For example:

-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;