CSS стиль border-bottom. Установка нижней границы элемента с помощью margin-bottom
CSS стиль border-bottom позволяет одновременно установить стиль, толщину и цвет границы внизу элемента.
Краткая информация по CSS-свойству border-bottom
Значение по умолчанию | Зависит от использования |
Наследуется | Нет |
Применяется | Ко всем элементам |
Правила написания свойства border-bottom
border-bottom: border-bottom-width ||
border-bottom-style || border-bottom-color
Значения могут идти в любом порядке, отделяясь пробелом.
Объектная модель
Объект.style.borderBottom
Пример применения стиля border-bottom
Проиллюстрируем работу border-bottom на примере. Нам надоели стандартные подчеркивания ссылок и мы решили внести некоторое разнообразие:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Пример CSS стиля border-bottom</title>
<style>
.next {
color: #c75050;
text-decoration: none;
border-bottom: 1px dashed #c75050;
}
</style>
<body>
<p>
В тот же миг Алиса юркнула за ним следом,
не думая о том, как же она будет выбираться
обратно. <a href="" class="next">Читать</a>
</p>
</body>
</body>
</html>