Свойство border CSS

Определение и использование

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

Свойства можно устанавливать в следующем порядке:

Если не указать одного из значений, это не вызовет проблем, например, border:solid #ff0000; также допускается.

Дополнительная литература:

Уроки CSS:Рамка CSS

Руководство по HTML DOM:Свойство border

Пример

Установите стиль для 4 рамок:

p
  {
  border:5px solid red;
  }

Попробуйте сами

CSS синтаксис

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

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

Значение Описание
border-width Определяет ширину рамки. См. также:border-width возможные значения в
border-style Определяет стиль рамки. См. также:border-style возможные значения в
border-color Определяет цвет рамки. См. также:border-color возможные значения в
inherit Определяет, что установка свойств рамки должна наследоваться от родительского элемента.

Технические детали

Значение по умолчанию: не указано
Инheritance: нет
Версия: CSS1
JavaScript синтаксис: object.style.border="3px solid blue"

Более примеров

Все свойства рамки в одном заявлении
Этот пример демонстрирует использование сокращенных свойств для установки всех четырех свойств рамки в одном заявлении.

Поддержка браузерами

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5