Jak utworzyć obramowanie wewnętrzne za pomocą CSS3?

Question

Jak utworzyć wewnętrzną ramkę za pomocą CSS3?

Oznacza to, że zamiast obramowania rozciągającego się na zewnątrz od obszaru aktywnego/padding elementu, rozszerza się on do środka, zachodząc na jego zawartość?

Byłbym wdzięczny, gdyby udało się to z minimalnymi zasadami CSS, o ile jest to w ogóle możliwe.

Answer 1

Spróbuj użyć box-shadow (i podzbiorów specyficznych dla dostawcy).
Na przykład:

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