border-bottom-width | Свойство CSS - Справочник CSS3 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Воскресенье, 11.12.2016
Главная » Справочник CSS3 » Свойства границ


2D & 3D ТрансформацияСвойства контента
Свойства импортаСвойства углов
Свойства границСвойства анимации
ПсевдоклассыПсевдоэлементы
Свойства размераСвойства контура
Свойства переходаСвойства печати
Свойства тениСвойства отступов
Свойства текстаСвойства колонок
Свойства полейПозиционирование
Свойства интерфейсаТипы значений
Полезные статьиСвойства списка
Свойства шрифтаСвойства таблицы
Свойства фонаВендорные префиксы



Адаптивный сайт - aTmpl


border-bottom-width | Свойство CSS

Свойство border-bottom-width устанавливает ширину линии нижней границы.




Свойство border-bottom-width устанавливает ширину линии нижней границы элемента.Толщина может задаваться либо положительным числом,либо с использованием одного из именных значения.Порядок установки свойств для ширины границы следующий.
1.border-bottom-width
2.border-bottom-style
3.border-bottom-color
Свойство применимо ко всем элементам,создано в версии CSS1 но проходит валидацию согласно версии CSS3.




Дополнительные значения border-bottom-width


Значение
Описание
<Число>Положительное число,отрицательные значения не используются
thinШирина границы - тонкая линия = 2px
mediumШирина границы - средняя линия = 4px
thickШирина границы - толстая линия = 6px
inheritНаследует значение от родителя


Свойство работает в браузерах




Пример применения свойства



<!DOCTYPE html>
<html lang="ru">
<head>
<title>Свойство border-bottom-width</title>
<style type="text/css">
<!--
.numer {
border-bottom-width:20px;
border-bottom-color:red;
border-bottom-style:dotted;
color: yellow;
font-size: 20px;
text-decoration:blink;
}
.thin {
border-bottom-width:thin;
border-bottom-color:red;
border-bottom-style:dotted;
color: yellow;
font-size: 20px;
text-decoration:blink;
}
.medium {
border-bottom-width:medium;
border-bottom-color:red;
border-bottom-style:dotted;
color: yellow;
font-size: 20px;
text-decoration:blink;
}
.thick {
border-bottom-width:thick;
border-bottom-color:red;
border-bottom-style:dotted;
color: yellow;
font-size: 20px;
text-decoration:blink;
}
-->
</style>
</head>
<body>
<center>
<div class="numer"><p>Ширина линии = 20px</p></div>
<div class="thin"><p>Ширина линии = thin = 2px</p></div>
<div class="medium"><p>Ширина линии = medium = 4px</p></div>
<div class="thick"><p>Ширина линии = thick = 6px</p></div>
</center>
<br>
</body>
</html>

Пример в действии



Поэкспериментируйте сами





Русские шрифты






Источник: http://www.w3.org/TR/CSS21/box.html#border-width-properties
Категория: Свойства границ | Добавил: IZOTOP (30.03.2012) | Автор: Меренков Михаил E W
Просмотров: 483 | Теги: css, ширины границы, свойство, style, border-bottom-width | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]