СSS Свойство border-top
Пример
Установить стиль верхней границы для различных элементов:
h1 {
border-top: 5px solid red;
}
h2 {
border-top: 4px dotted blue;
}
div {
border-top: double;
}
Попробуйте сами »
Определение и использование
Свойство border-top задает все свойства верхней границы в одном объявлении.
Свойство properties that can be set must be in the following order:
- border-top-width
- border-top-style (требуемый)
- border-top-color
Если параметр border-top-color опущен, применяемый цвет будет соответствовать цвету текста.
| Значение по умолчанию: | medium none color |
|---|---|
| Унаследованный: | нет |
| Анимируемый: | да, см. раздел отдельные свойства. Прочитать о animatable Попробовать |
| Версия: | CSS1 |
| JavaScript синтаксис: | object.style.borderTop="3px dashed blue" Попробовать |
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| border-top | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS Синтаксис
border-top: border-width border-style border-color|initial|inherit;
Значение свойств
| Значение | Описание |
|---|---|
| border-top-width | Требуемый. Задает ширину верхней границы. Значение по умолчанию "medium" |
| border-top-style | Требуемый. Задает стиль верхней границы. Значение по умолчанию "none" |
| border-top-color | Необязательный. Задает цвет верхней границы. Значение по умолчанию цвет текста |
| initial | Задает для этого свойства значение индекса. Прочитать о initial |
| inherit | Наследует это свойство от родительского элемента. Прочитать о inherit |
Связанные страницы
CSS учебник: CSS Border
HTML DOM справочник: Свойство borderTop
