Веб Навсегда.инфоCSS-стили → BORDER-BOTTOM

Реклама


!!! Ваша ссылка здесь всего за 10 руб в месяц на всех страницах сайта!!!

BORDER-BOTTOM

Описание элемента

Устанавливает 3 параметра (толщину, цвет и стиль), касающиеся нижнего бордюра (рамки) элемента. Очень похож на предыдущее свойство BORDER, но применяется только к нижней рамке.

Для бордюров с других сторон, будет установлено значение по умолчанию. Однако я рекомендую вам, в случае, если вы хотите задать особые границы  рамки только с одной или нескольких сторон, всегда указывать как эта рамка будет выглядеть с других сторон во избежание путаницы.

Синтаксис

Элемент { border-bottom: border-width | color border-style}

Возможные аргументы

Ни одно из возможных значений не является обязательным. Так же значения могут идти в произвольном порядке, отделяясь пробелом.
border-width - задаёт толщину рамки
color - устанавливает цвет рамки
border-style - задаёт толщину рамки, возможные значения этого атрибута в этом рисунке:

возможные значения border-style

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

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример стиля BORDER-BOTTOM</title>
<style type="text/css">
DIV
{
background: #D1D8EB;
border-bottom: blue dashed 2px;
}
</style>
</head>
<body>

Справка:
<p>
<div>Собственно вот вам пример <b>BORDER-BOTTOM</b>`а прерывситого, с толщиной 2 пикселя, синим цветом!</div>
Как видите всё работает... значение border-bottom`а рапростроняется только на нижнюю границу.</p>
</body>
</html>

И примерно вот так это будет выглядеть:
Пример использования BORDER-BOTTOM