border

Свойство border - сокращённое свойство, управляет внешним видом рамки (бордюра) вокруг элемента, позволяя определить в одной строке сразу несколько атрибутов: цвет, стиль и ширину.

По сути, border предлагает быстрый вариант указания свойств border-width, border-style и border-color.

Свойство оказывает влияние на все четыре стороны элемента одновременно.

Посмотрите на иллюстрацию:

Рамка обозначена зеленым. Посмотрим пристальнее на "анатомию" элемента:

Обратите внимание - она располагается между внутренними отступами (paddings) и внешним полями (margins).

Пример

p {border: 2px dotted red}

Этот пример аналогичен следующей записи:

p {
        border-top: 2px dotted red;
        border-bottom: 2px dotted red;
        border-left: 2px dotted red;
        border-right: 2px dotted red;
}

Возможные значения

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

Характеристики

Применяется: Ко всем элементам

Наследуется: Нет

См. также