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 поддерживается во всех основных браузерах.

Читайте также

Похожие посты

CSS-свойство clip

Определяет координаты области, которая будет кадрирована, т.е. содержимое за пределом этой области будет отрезано

CSS-свойство bottom

Задает смещение или отступ от нижнего края элемента

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.