Размещение границы внутри div, а не на его краю

Question

У меня есть элемент <div>, и я хочу поставить на него границу.Я знаю, что могу написать style="border: 1px solid black", но это добавляет 2px по обе стороны от div, что не то, что я хочу.

Я бы предпочел, чтобы эта граница была -1px от края div.Сам div имеет размер 100px x 100px, и, если я добавлю границу, мне придется сделать некоторые математические операции, чтобы она появилась.

Есть ли способ, которым я могу сделать границу, и убедиться, чтовсе равно будет 100px (включая границу)?

Answer 1

Лучшее кросс-браузерное решение (в основном для поддержки IE), как сказал @Steve, это сделать div шириной 98 пикселей и высотой, а затем добавить границу 1 пиксель вокруг него, или вы можете создать фоновое изображение для div 100x100 пикселей и нарисовать границуна нем.