@tosster22

Можно ли задать высоту для бордера?

можно ли как-то задать размеры для свойств border, например, чтобы bordser-left был 10px или таких свойств нет и нужно будет придумывать другие пути как это сделать?
  • Вопрос задан
  • 116 просмотров
Решения вопроса 2
delphinpro
@delphinpro Куратор тега CSS
frontend developer
tosster22,
Нужно padding оставить такой же, а при наведении добавить рамку которая в 10px


Подойдите к вопросу иначе. Рамка всегда есть, но ее не видно.
При наведении, рамка меняет цвет и ее видно.
Добавив transition: border-color 0.3s; сделаем смену цвета плавной.

a {
/*  padding: 20px; // Было */

  padding: 10px;
  border: 10px solid transparent;
}

a:hover {
  border-color: red;
}
Ответ написан
@tyzberd
tosster22, вам нужно сразу добавить прозрачный бордер, а при наведении менять цвет, что бы не прыгал блок. Еще вариант использовать box-shadow
https://codepen.io/michelre/pen/EoPMGv
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
Kozack
@Kozack
Эм, так а в чем вопрос?
Используйте тот же border-left-width: 10px или border-left: 10px solid #000
Ответ написан
@bogomazov_vadim
Можно, синтаксис - border-{direction}-width.
Пример:
.cls {
    border-left-width: 10px;
}

На Mozilla MDN все описано.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы