CSS-cвойство border
устанавливает ширину, стиль и цвет для всех четырех сторон границы элемента. Это короткое свойство для установки отдельных свойств border
, то есть border-width
, border-style
, и border-color
.
Значение по умолчанию: | Индивидуальные CSS-свойства |
Применяется к: | Все элементы |
Наследование: | Нет |
Анимирование: | Да, Анимируемые свойства |
Версия: | CSS 1, 2, 3 |
Синтаксис
Синтаксически свойства задаются по следующему шаблону:
border: [ border-width border-style border-color ] | initial | inherit
Если какое-либо свойство, указанное выше, отсутствует или пропущено, будет добавлено значение по умолчанию для этого свойства, если оно есть.
Примеры написания кода свойства border
:
h1 {
border: 5px solid #ff0000;
}
p {
color: #00ff00;
border: 5px solid;
}
Если border-color
отсутствует или не указан (например, border: 5px solid;
), вместо него будет использоваться значение свойства color
элемента. Но, если пропущено свойство border-style
, граница не будет отображаться вообще, потому что значением по умолчанию для свойства border-style
является none
.
Значения свойств
В следующей таблице описаны значения этого свойства.
Значение | Описание |
---|---|
border-width |
Устанавливает ширину границы элемента. |
border-style |
Устанавливает стиль линии границы элемента. |
border-color |
Устанавливает цвет границы элемента. |
initial |
Устанавливает это свойство в значение по умолчанию. |
inherit |
Если указан, связанный элемент принимает вычисленное значение своего родительского элемента border . |
Поддержка браузеров
Свойство border
поддерживается во всех основных браузерах.