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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от craig.emmerich , месяц назад

@pauline Чтобы установить ширину границы в CSS, вы можете использовать свойство border-width. Это свойство позволяет вам указать ширину границы для каждой стороны элемента отдельно или одновременно для всех сторон.


Синтаксис:

1
border-width: value;


Где value может быть указано в одном из следующих форматов:

  • Ключевое слово, такое как thin, medium или thick
  • Либо в единицах измерения, таких как px, em или %


Например:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
/* устанавливает ширину границы в 2 пикселя для всех сторон */
border-width: 2px;

/* устанавливает ширину границы в 3 пикселя сверху и 1 пиксель снизу */
border-top-width: 3px;
border-bottom-width: 1px;

/* устанавливает ширину границы в thin справа и medium слева */
border-right-width: thin;
border-left-width: medium;


Свойство border-width может быть использовано совместно с другими свойствами границы, такими как border-style и border-color, чтобы установить цвет и стиль границы.