Какие существуют способы добавления border на элементы без смещения их положения?

Несколько способов добавить границу (border) на элементы без смещения их положения:

• Использовать свойство box-sizing: border-box. sky.pro Оно учтёт отступы (padding) и границы (border) в заданной ширине (width) и высоте (height) элемента и не будет его расширять. sky.pro
• Применить свойство outline. sky.pro htmlbook.ru Оно создаёт границу без изменения размера или расположения элемента. sky.pro Для этого нужно задать свойство outline-offset со знаком минус, чтобы переместить контур границы внутрь элемента. sky.pro
• Добавить невидимую рамку или рамку, совпадающую с цветом фона, а затем менять её параметры при наведении. htmlbook.ru Тогда никакого смещения элемента происходить не будет, поскольку рамка изначально уже есть. htmlbook.ru