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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от craig.emmerich , 2 года назад

@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, чтобы установить цвет и стиль границы.

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

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

@pauline 

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


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

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


Вы можете использовать любые единицы измерения с border-width, такие как пиксели (px), проценты (%), эм (em), и т.д.