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

BORDER-BOTTOM-WIDTH

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

Задаёт толщину рамки элемента снизу.

Выше мы уже рассмотрели свойство BORDER-BOTTOM, которое задаёт цвет, толщину и стиль рамки снизу. Но эти параметры можно задать и по отдельности, а не все вместе!

Синтаксис

Элемент { border-bottom-width: значение | thin | medium | thick }

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

Помимо просто значения, которое можно задавать в пикселях, процентах, пунктах, есть ещё 3 зарезервированных слова:
thin - 2 пикселя
medium - 4 пикселя
thick - 6 пикселей

Конечно можно использовать и зарезервированные слова, однако чаще просто указывают необходимое значение. Ведь это проще, универсальнее и понятнее.

ВНИМАНИЕ:
При использовании BORDER-BOTTOM-WIDTH обязательно указывайте BORDER-BOTTOM-STYLE, иначе граница отображаться не будет!

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

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

<!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-WIDTH</title>
<style type="text/css">
P.good
{
background: #D1D8EB;
border-bottom-color: blue;
border-bottom-width: 7px;
border-bottom-style: double;
}

P.bad
{
background: #D1D8EB;
border-bottom-color: blue;
border-bottom-width: 7px;
}
</style>
</head>
<body>
<p class="good">Ну вот вам примерчик <b>BORDER-BOTTOM-WIDTH</b>`а!</p>
<p class="bad">Но обратите внимание, что указание <b>BORDER-BOTTOM-STYLE</b>`а обязательно, т.к. без него рамка у элемента отображаться не будет!!!</p>

</body>
</html>

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

↑ ВВЕРХ ↑


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


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