Для выполнения задачи создания обводки/border внутри блока css необходимо отказаться свойства border. По спецификации css border создается вокруг элемента.
Допустим, дизайнер создал блок высотой и шириной в 100px, задаем обводку в 1px и блок становится размером 101px на 101px. Можно задать внутренние отступы, что только ухудшит ситуацию, так как рабочая область блока, сократиться на размер padding-а (внутреннего отступа), что может привести к нарушениям дизайна. Особенно актуально при верстке эффектов фокуса и наведения.
border внутри блока правильнее создавать через свойство outline.
Пример css border внутри блока:
outline:2px solid #000; outline-offset:-4px;
В первой строке задается обводка, во второй смещение. Отрицательная цифра смещения создает border внутри блока. Единственный недостаток этого свойства - обводка создается с 4-х сторон. Задать для одной стороны невозможно.
