CSS стиль border-top. Установка верхней границы элемента с помощью margin-top
CSS стиль border-top позволяет одновременно установить стиль, толщину и цвет границы вверху элемента.
Краткая информация по CSS-свойству border-top
Значение по умолчанию | Зависит от использования |
Наследуется | Нет |
Применяется | Ко всем элементам |
Правила написания свойства border-top
border-top: border-top-width ||
border-top-style || border-top-color
Значения могут идти в любом порядке, отделяясь пробелом.
Объектная модель
Объект.style.borderTop
Пример применения стиля border-top
Проиллюстрируем работу border-top на примере. Отчеркнем врезку красной чертой:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Пример CSS стиля border-top</title>
<style>
p {
padding: 3px 10px;
background: #d7d7d7;
border-top: 2px solid #c75050;
}
</style>
<body>
<p>
В тот же миг Алиса юркнула за ним следом,
не думая о том, как же она будет выбираться
обратно. <a href="">Читать</a>
</p>
</body>
</body>
</html>