CSS свойство border-bottom

CSS свойства

Определение и применение

CSS свойство border-bottom устанавливает все свойства нижней границы в одном объявлении. Разрешается использовать объявление в котором одно из значений отсутствует.

Свойства, которые можно установить:

Поддержка браузерами

СвойствоChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
border-bottom1.01.03.51.04.012.0

CSS синтаксис:

border-bottom:"border-width border-style border-color | initial | inherit";

JavaScript синтаксис:

object.style.borderBottom="3px solid orange"

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

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

Версия CSS

CSS1

Наследуется

Нет.

Анимируемое

Да.

Пример использования

<!DOCTYPE html>
<html>
<head>
<title> Свойство border-bottom</title>
<style> 
.primer {
border :4px solid orange; /* задаём сплошную границу шириной 4px оранжевого цвета для всех сторон */
border-bottom :4px dotted khaki; /* задаём для нижней границы пунктир шириной 4px цвета хаки */
text-align:khaki; /* задаём выравнивание текста по центру */
}
</style>
</head>
	<body>
		<p class = "primer">Пример использования свойства border-bottom.</p>
	</body>
</html>
Пример использования свойства border-bottom.
Пример использования свойства border-bottom.
CSS свойства