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

Question

[tosster22]

можно ли как-то задать размеры для свойств border, например, чтобы bordser-left был 10px или таких свойств нет и нужно будет придумывать другие пути как это сделать?

Answer 1

[Сергей delphinpro]

tosster22,

Нужно padding оставить такой же, а при наведении добавить рамку которая в 10px

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

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

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

a:hover {
  border-color: red;
}

Answer 2

[tyzberd]

tosster22, вам нужно сразу добавить прозрачный бордер, а при наведении менять цвет, что бы не прыгал блок. Еще вариант использовать box-shadow
https://codepen.io/michelre/pen/EoPMGv

Answer 3

[Alex]

Эм, так а в чем вопрос?
Используйте тот же border-left-width: 10px или border-left: 10px solid #000

Comments

[tosster22]

проблема в том, что нужно height для бордера. Суть такая, есть ссылка и у нее есть padding 20px. Нужно padding оставить такой же, а при наведении добавить рамку которая в 10px

[Дмитрий]

tosster22, так высота будет зависеть от элемента к которому применен бордюр

[dev null]

tosster22, что значит высота? У бордера есть «толщина» или имеется в виду размер этого бордера? Так он описывает элемент.

[tosster22]

Дмитрий, спасибо, я уже это понял)))

[dev null]

tosster22, тогда бордер здесь не поможет, можно, например сделать псевдоэлемент с нужной вам высотой, позиционировать его относительно элемента и показывать при наведении на элемент

Answer 4

[Vadim Bogomazov]

Можно, синтаксис - border-{direction}-width.
Пример:

.cls {
    border-left-width: 10px;
}

На Mozilla MDN все описано.