Пример
Установите стиль верхней границы для различных элементов:
h1 {
border-top: 5px solid red;
}
h2 {
border-top: 4px dotted blue;
}
div {
border-top: double;
}
Попробуйте сами »
Определение border-top
CSS свойство border-top
сокращенное определяет все свойства в одном объявлении.
The 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 |
---|---|
Унаследовано: | no |
Анимируемый: | yes, просмотр отдельных свойств. Читайте о animatable Попробуй |
Версия: | CSS1 |
JavaScript синтаксис: | object.style.borderTop="3px dashed blue" Попробуй |
Поддержка border-top
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.
Свойство | |||||
---|---|---|---|---|---|
border-top | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Синтаксис border-top
border-top: border-width border-style border-color|initial|inherit;
Значения border-top
Значение | Описание | Демонстрация |
---|---|---|
border-top-width | Требуется. Определяет ширину верхней границы. Значение по умолчанию - "medium" | Демо ❯ |
border-top-style | Требуется. Определяет стиль верхней границы. Значение по умолчанию - "none" | Демо ❯ |
border-top-color | Необязательный. Определяет цвет верхней границы. Значение по умолчанию - цвет текста | Демо ❯ |
initial | Устанавливает для этого свойства значение по умолчанию. Читайте о initial | |
inherit | Наследует это свойство от своего родительского элемента. Читайте о inherit |
Страницы по теме border-top
CSS Учебник: CSS Границы
HTML DOM справочник: borderTop свойство