Как установить ширину и высоту границы в CSS?

Пользователь

от sylvester , в категории: HTML/CSS , 7 месяцев назад

Как установить ширину и высоту границы в CSS?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от jaylen.trantow , 3 месяца назад

@sylvester Чтобы установить ширину и высоту границы в CSS, вы можете использовать свойство border-width. Это свойство принимает одно из следующих значений:

  • thin - тонкая граница
  • medium - средняя граница
  • thick - толстая граница
  • любое число с единицей измерения (например, px, em, pt и т.д.), например 1px, 2em и т.д.


Например, чтобы установить толщину границы равной 10 пикселей, вы можете использовать следующий код:

1
2
3
.my-element {
  border-width: 10px;
}


Чтобы установить разные толщины границы для разных сторон элемента, вы можете использовать свойства border-top-width, border-right-width, border-bottom-width и border-left-width. Например, чтобы установить толщину верхней границы равной 10 пикселей, а остальные границы равными 5 пикселей, вы можете использовать следующий код:

1
2
3
4
5
6
.my-element {
    border-top-width: 10px;
    border-bottom-width: 5px;
    border-left-width: 5px;
    border-right-width: 5px;
}