border-bottom
Поддержка браузерами
| 12.0+ | 4.0+ | 1.0+ | 1.0+ | 3.5+ | 1.0+ |
Описание
CSS свойство border-bottom позволяет в одном объвлении указать ширину, стиль и цвет для нижней рамки элемента.
Свойства, значения которых могут быть использованы для редактирования нижней рамки: border-bottom-width, border-bottom-style и border-bottom-color. Значения разделяются пробелом и могут быть записаны в любом порядке. Все три значения указывать не обязательно, ширину и/или цвет можно опустить.
| Значение по умолчанию: | не определено |
|---|---|
| Применяется: | ко всем элементам, а также к псевдо-элементу ::first-letter |
| Анимируется: | да, смотрите каждое свойство, входящее в состав краткого метода, отдельно |
| Наследуется: | нет |
| Версия: | CSS1 |
| Синтаксис JavaScript: | object.style.borderBottom="3px solid blue" |
Синтаксис
border-bottom: width style color|inherit;
Значения свойства
| Значение | Описание |
|---|---|
| border-bottom-width | Указывает ширину для нижней рамки. |
| border-bottom-style | Указывает стиль для нижней рамки. |
| border-bottom-color | Задает цвет для нижней рамки. |
| inherit | Указывает, что значение наследуется от родительского элемента. |
Пример
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Пример</title>
<style type="text/css">
p {
border-style: solid;
border-bottom: thick dotted #ff0000;
}
</style>
</head>
<body>
<p>Здесь расположен какой-то текст.</p>
</body>
</html>
Результат данного примера в окне браузера:
