border-bottom

Пример 1

Устанавливает стиль нижней границы:

<html>
<head>
<meta charset="utf-8" />
<style>
     p 
     { 
          border-style:solid;
          border-bottom:thick dotted #ff0000;
     }
</style>
</head>
<body>
<p>Это некоторый текст в параграфе</p>
</body>
</html>

Результат выполнения кода выше:

Попробуйте сами

Определение и использование

Сокращенная форма записи border-bottom устанавливает все свойства нижней границы в одной декларации.

Свойства, которые могут быть установленны (в следующем порядке):

Не важно, если некоторые из значений свойства отсутствуют, до тех пор, пока хотя бы один присутствует в этом порядке. Например можно написать border-bottom:solid #ff0000;.

Значение по умолчанию:	не определено
Унаследованный:	нет
Версия:	CSS1
Синтакс JavaScript:	`object.style.borderBottom="3px solid blue"`

Поддержка браузеров

Свойство border-bottom поддерживается во всех ведущих браузерах.

Примечание: Ни одна из версий Internet Explorer (включая IE8) не поддерживает значение свойства "inherit".

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

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

Связанные страницы

CSS пособие: CSS Границы

jQuery пособие: css()

Была ли эта информация полезной?

Да Нет