Свойство 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,
которое скругляет уголки границы