Свойство border
Свойство border используется для того, что бы установить одинаковые ширину, стиль и цвет бордюра для всех четырех сторон. В отличие от свойств margin и padding данное свойство не может устанавливать разные значения для разных сторон бордюра. Для этой цели следует использовать другие свойства бордюра, такие как border-width, border-style, border-color и другие.
| Синтаксис | |
|---|---|
| border: «border-width» || «border-style» || «color» | |
| Возможные значения и ключевые слова | |
| «border-width» | ширина бордюра, подробнее смотри свойство border-width |
| «border-style» | стиль бордюра, подробнее смотри свойство border-style |
| «color» | любое возможное обозначение цвета |
| Разное | |
| По умолчанию | не определено |
| Применимо | ко всем элементам |
| Наследование | нет |
| Процентная запись | не применимо |
| Media | visual |
В следующем примере для бордюра заголовков первого уровня (тег h1) заданы следующее значения: для свойства border-color задано значение red (красный цвет), для свойства border-width задано значение 3px (ширина бордюра 3 пикселей) и для свойства border-style задано значение double (двойная рамка):
h1 {border: red 3px double;} 