Свойство border-top

Описание

Позволяет одновременно установить толщину, стиль и цвет верхней границы элемента.
Значения могут идти в любом порядке, браузер автоматически определит, какое из них соответствует нужному свойству.

Синтаксис

border-top: border-top-width || border-top-style || border-top-color;

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
#border {
width: 200px;
height: 100px;
border: 5px dashed rgb(10, 238, 246);
border-top: 5px dotted lightgreen;
}
</style>
<div id='border'></div>
</body>
</html>

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

Свойство

Задаёт, как выводить линию под или над текстом, когда линия пересекает выносные элементы букв, вр...

Вывод контента после содержимого элемента

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

Свойство text-stroke-width

Устанавливает толщину контура вокруг букв и символов текста.

Свойство filter

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

Функция linear-gradient()

Функция добавляет линейный градиент к фону элемента. Она выступает значением свойства <span cl...