English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Свойство border-top CSS устанавливает ширину, стиль и цвет верхнего края элемента. Это установление одного верхнего края属性 в одном заявлении (т.е.border-top-width,border-top-styleиborder-top-colorкраткая форма свойства ).
В таблице ниже приведены инструкции по использованию и историю версий этого свойства, а также грамматика использования этого свойства в скриптах JavaScript.
| Значение по умолчанию: | Просмотреть все свойства |
|---|---|
| Поддерживается: | Все элементы |
| Наследование: | Нет |
| Анимируемо: | Да,См. также отдельные свойства.См. также Анимационные свойства. |
| Версия: | CSS 1, 2, 3 |
| JavaScript грамматика: | объект.style.borderTop="2px solid red" |
Грамматика этого свойства такая:
border-top: [ border-top-width border-top-style border-top-color ] | initial | inherit
Ниже приведены примеры использования свойства border-top.
h1 {
border-top: 5px solid #ff0000;
}
p {
border-top: 3px пунктирная #00ff00;
}Проверьте, пожалуйста‹/›В таблице ниже описаны значения этого свойства.
| Значение | Описание |
|---|---|
| border-top-width | Установить ширину верхнего края элемента. |
| border-top-style | Установить стиль линии верхнего края элемента. |
| border-top-color | Установить цвет верхнего края элемента. |
| initial | Установить это свойство в его значение по умолчанию. |
| inherit | Если указано, то связанные элементы используют значения свойств border-top родительского элемента. |
Совместимость браузеров для свойства border-top. Числа в таблице представляют собой минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.
|
См. также учебник:CSS Border,CSS3 Border.
Связанные свойства:border,border-top-color,border-top-style,border-top-width.