English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Свойство border CSS устанавливает ширину, стиль и цвет всех четырех сторон рамки элемента. Это используется для отдельного установления свойств рамки, то есть для сокращенного свойства, аborder-width,border-styleиborder-colorявляется единственной декларацией。
Таблица总结了此属性的用法上下в和版本历史记录。
| Значение по умолчанию: | Просмотрите отдельные свойства |
|---|---|
| Применяется к: | Все элементы |
| Наследование: | Нет |
| Анимировано: | Да,См. также отдельные свойства.См. также Анимационные свойства. |
| Версия: | CSS 1, 2, 3 |
| JavaScript грамматика: | object object.style.border="1px solid red" |
Грамматика этого свойства следующая:
border: [ border-width border-style border-color ] | initial | inherit
Примечание:Если отсутствует или опущено любое из перечисленных свойств, будет вставлено значение по умолчанию для этого свойства (если оно есть). Для получения дополнительной информации см. соответствующие свойства.
Ниже приведены примеры того, как использовать свойство border.
h1 { border: 5px solid #ff0000; }
p { color: #00ff00; border: 5px solid; }Проверьте, посмотрите <</>Примечание:Еслиborder-colorотсутствует или не указан (например, border: 5px solid;),colorто будет использоваться значение свойства элемента.border-styleВ этом случае, пропустив или ignoring этого значения, не будет отображаться никакая рамка, так как значение по умолчанию для свойства border-style - none.
В таблице ниже описаны значения этого свойства.
| Значение | Описание |
|---|---|
| border-width | Установить ширину рамки элемента. |
| border-style | Установить тип линии рамки элемента. |
| border-color | Установить цвет рамки элемента. |
| initial | Установить это свойство в его значение по умолчанию. |
| inherit | Если указано, то связанные элементы используют вычисленное значение свойства border родительского элемента. |
Совместимость браузеров для свойства border, все основные браузеры поддерживают это свойство.
|
См. также учебник:CSS Border,CSS3 Border.
Связанные свойства:border-width,border-style,border-color,border-collapse,border-image,border-radius,border-spacing.