Как при установке border: top не сдвигать содержимое блока?

Question

[leni_m]

Answer 1

[Антон]

установить border-top: 1px solid transparent по умолчанию

Answer 2

[Роман Говоров]

div {
  background: white;
  border: 1px solid transparent;
}
.test {
  border-color: gray;
}

Answer 3

[Ragtime Kitty]

Сделать рамку прозрачной, при hover менять цвет рамки на нужный.

Answer 4

[Владислав Лысков]

https://jsfiddle.net/8ah1dogr/

Answer 5

[GubinAlexey]

либо использовать box-shadow
https://jsfiddle.net/tvs8j6zg/1/