Свойство border задает цвет, тип и
толщину границы для всех сторон одновременно.
Является свойством-сокращением для border-width,
border-style
и border-color.
В отличие от сокращаемых свойств не может
задавать разную границу для 4-х сторон
сразу, а только одинаковую для всех.
Синтаксис
селектор {
border: толщина тип цвет;
}
Порядок свойств значения не имеет.
Пример
Давайте сделаем элементу черную границу толщиной
в 1px:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 300px;
height: 100px;
}
:
Смотрите также
-
свойство
border-left,
которое задает левую границу -
свойство
border-right,
которое задает правую границу -
свойство
border-top,
которое задает верхнюю границу -
свойство
border-bottom,
которое задает нижнюю границу -
свойство
outline,
которое задает рамку для элемента -
свойство
border-radius,
которое скругляет уголки границы