Внутренная рамка

[Shahzod_K]

Здравствуйте форумчане! У меня тут проблемка с рамкой.

.class:hover, .active{ border: 1px solid red; margin-top: -1px;}.class:not(.active){ padding: 1px;}

Но все таки код "скачет" при наведении. Пожалуйста помогите.

[sigma77]

http://jsfiddle.net/f8866w72/так не пойдет?

[infidel]

http://jsfiddle.net/79t7nucn/- outline не влияет на положение элемента

[Shahzod_K]

http://jsfiddle.net/f8866w72/так не пойдет?

Огромное спасибо!

[Launder]

http://jsfiddle.net/f8866w72/так не пойдет?

 

Если trasporent означает прозрачный, то почему рамка ораньжевая? Ведь под рамкой ничего не должно быть, блок заканчивается перед рамкой?

[Vlad]

Нет, рамка отображается внутри блока по умолчанию. Через background-clip можно поведение поменять.

https://webref.ru/css/background-clip

[Launder]

А понял, по-умолчанию под границами цвет фона, просто этого не видно когда рамка не прозрачная.

[sigma77]

Launder,

Тут наглядно http://jsfiddle.net/f8866w72/2/

[Launder]

Влад, Сигма, благодарю!