Свойство border - сокращённое свойство, управляет внешним видом рамки (бордюра) вокруг элемента, позволяя определить в одной строке сразу несколько атрибутов: цвет, стиль и ширину. По сути, border предлагает быстрый вариант указания свойств border-width, border-style и border-color.
Свойство оказывает влияние на все четыре стороны элемента одновременно.
Посмотрите на иллюстрацию:
Рамка обозначена зеленым. Посмотрим пристальнее на "анатомию" элемента:
Обратите внимание - она располагается между внутренними отступами (paddings) и внешним полями (margins).
Пример
Code
p {border: 2px dotted red}
Этот пример аналогичен следующей записи:
Code
p {
border-top: 2px dotted red;
border-bottom: 2px dotted red;
border-left: 2px dotted red;
border-right: 2px dotted red;
}