Свойство border
Создание сайта на CMS WordPress: обучение и хостинг
← Перейти к списку свойств

СВОЙСТВО BORDER

Свойство border используется для создания рамки элемента.

Поддержка браузеров

Синтаксис

border: border-width border-style border-color|initial|inherit

Значения свойства

Значение Описание
border-width Определяет ширину рамки. Возможные значения:
border-style Определяет стиль рамки. Возможные значения:
  • none
  • hidden
  • dotted
  • dashed
  • solid
  • double
  • groove
  • ridge
  • inset
  • outset
  • initial
  • inherit
border-color Определяет цвет рамки.
initial Устанавливает значение по умолчанию.
inherit Унаследует значение свойства от родительского элемента.

Песочница

Код в песочнице можно редактировать и видеть результат в реальном времени:

<div class="block block-1"></div>
<div class="block block-2"></div>
<div class="block block-3"></div>
HTML
.block {
  height: 50px;
  width: 50px;
  display: inline-block;
}

.block-1 {
  border: 3px solid blue;
}

.block-2 {
  border: 3px dashed red;
}

.block-3 {
  border: 3px dotted gray;
}
CSS
← Перейти к списку свойств