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

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

от sylvester , в категории: HTML/CSS , 2 года назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от jaylen.trantow , 2 года назад

@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;
}


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

от eudora , год назад

@sylvester 

Чтобы установить ширину и высоту границы в CSS, вы можете использовать свойства border-width и border-height соответственно. Например:

1
2
3
4
.border {
  border-width: 3px; /* Задает ширину границы 3 пикселя */
  border-height: 5px; /* Задает высоту границы 5 пикселей */
}


Также можно использовать сокращенную запись свойства border, где вы можете одновременно указать ширину и высоту границы:

1
2
3
.border {
  border: 3px solid black; /* Задает ширину границы 3 пикселя и цвет черный */
}


В данном примере solid - тип границы, который вы хотите использовать (в данном случае сплошная линия), а black - цвет границы.