CSS borderСвойство


Пример

Установите четыре стиля границы:

p { border:5px solid red; }

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

Определение тега и инструкции по использованию

border — это сокращенное свойство для свойств границы.

Свойство CSS border используется для указания стиля, ширины и цвета границы элемента.

Свойства, которые можно задать (в порядке следования): border-width, border-style и border-color.

Вы также можете задать только одно значение, напримерborder：＃FF0000;Это корректно; остальные значения будут установлены в начальное значение соответствующего свойства.

Формат синтаксиса

Свойство border можно задать с помощью одного, двух или трёх из перечисленных ниже значений, причём порядок значений не имеет значения:

/* Стиль границы */
border: solid;

/* border-width | border-style */
border: 2px dotted;

/* border-style | border-color */
border: outset #f33;

/* border-width | border-style | border-color */
border: medium dashed green;

/* Глобальные значения */
border: inherit;
border: initial;
border: unset;

Примечание:Если стиль границы не задан, она будет невидимой. Это потому, что стиль по умолчанию — none.

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

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

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

Свойство
border 1.0 4.0 1.0 1.0 3.5

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

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

Связанные статьи

Учебник CSS:Границы CSS

Другие расширения