CSS-свойство border-top устанавливает ширину, стиль и цвет верхней границы элемента. Это короткое свойство для объединения отдельных свойств верхней границы, т.е. border-top-width, border-top-style, и border-top-color.

Значение по умолчанию: Индивидуальные CSS-свойства
Применяется к: Все элементы
Наследование: Нет
Анимирование: Да. Анимируемые свойства
Версия: CSS 1, 2, 3

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

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 dotted #00ff00;
}

Значения свойств

В следующей таблице описаны значения этого свойства.

Значение Описание
border-top-width Устанавливает ширину нижней границы элемента.
border-top-style Устанавливает стиль линии нижней границы элемента.
border-top-color Устанавливает цвет нижней границы элемента.
initial Устанавливает это свойство в значение по умолчанию.
inherit Если указан, связанный элемент принимает вычисленное значение своего свойства родительского элемента border-top.

Поддержка браузеров

Свойство border-top поддерживается во всех основных браузерах.

Читайте также

Похожие посты

CSS-свойство clip

Определяет координаты области, которая будет кадрирована, т.е. содержимое за пределом этой области будет отрезано

CSS-свойство bottom

Задает смещение или отступ от нижнего края элемента

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.