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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от leila.dickinson , 2 года назад

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


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

1
border-width: 10px;


Свойство border-style позволяет указать стиль границы. Например, чтобы установить сплошную линию границы, вы можете использовать следующую запись:

1
border-style: solid;


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

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

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

@jensen 

Высоту и ширину границы можно указать с использованием свойства border-width в CSS.


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

1
2
3
.border-example {
  border-width: 2px;
}


В данном примере высота и ширина границы установлены в 2 пикселя. Вы можете использовать любые допустимые единицы измерения, такие как пиксели (px), проценты (%) и т.д.


Чтобы установить отдельные значения для каждой стороны (например, верхней, правой, нижней и левой), вы можете использовать свойство border-width сокращенной формы:

1
2
3
.border-example {
  border-width: 2px 4px 6px 8px;
}


В данном примере установлены следующие значения для каждой стороны: верхняя - 2 пикселя, правая - 4 пикселя, нижняя - 6 пикселей, левая - 8 пикселей.