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

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

@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 - цвет границы.