Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31


Чувашия-это моя Россия

Ссылки на каскадные стили CSS - border-bottom-style.

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

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари, то есть поддерживается во всех основных браузерах.

Внимание!!! Значение hidden-"скрытый" не поддерживается в IE7 и более ранних версиях. IE8 требует DOCTYPE!. IE9 и более поздних версиях поддержка hidden-"скрытый" обеспечивается.

Определение и использование. Свойство border-bottom-style задает стиль нижней границы элемента. И все действие этой функции распространяется лишь на нижнюю границу тега на странице сайта.

Самое мощное здесь даже не в том, что производится некое изменение некого участка страницы сайта. Самое мощное здесь в том, что свойство border-bottom-style, которое действует через стили CSS3 автономно работает даже при отключения JavaScripta в браузере Вашего компьютера.


Синтаксис:

       border-bottom-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

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

Значение по умолчанию: none 
наследуется: нет
Версия: CSS1
JavaScript синтаксис: object.style.borderBottomStyle="dotted"


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

Значение Описание
none Указывает на отсутствие границы. Это значение установлено по умолчанию
hidden Так же, как и "нет", за исключением разрешение конфликтов между границами элементов таблицы
dotted Указывает пунктирной границей
dashed Задает границу в виде пунктирной линии
solid Указывает обязательно границы
double Указывает двойной границы
groove Указывает 3D канавки на границе. Эффект зависит от цвета границы
ridge Указывает 3D гребнями границы. Эффект зависит от цвета границы
inset казывает 3D границы врезки. Эффект зависит от цвета границы
outset Указывает 3D начала границу. Эффект зависит от цвета границы
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.


Пишем программу - Установить стиль нижней границы:

< !DOCTYPE html>
< html>
< head>
< style>
p.none {border-bottom-style:none;}
p.dotted {border-bottom-style:dotted;}
p.dashed {border-bottom-style:dashed;}
p.solid {border-bottom-style:solid;}
p.double {border-bottom-style:double;}
p.groove {border-bottom-style:groove;}
p.ridge {border-bottom-style:ridge;}
p.inset {border-bottom-style:inset;}
p.outset {border-bottom-style:outset;}
< /style>
< /head>
< body>
< p class="none">Нет нижней границы< /p>
< p class="dotted">Пунктирная линия нижней границы< /p>
< p class="dashed">Пунктирная линия нижней границы< /p>
< p class="solid">Сплошная линия нижней границы.< /p>
< p class="double">Двойная линия нижней границы< /p>
< p class="groove">Паз нижней границы< /p>
< p class="ridge">Хребет нижней границы.< /p>
< p class="inset">Вставка нижней границы.< /p>
< p class="outset">Завязка нижней границы.< /p>
< /body>
< /html>                      

Результат программы:

Нет нижней границы

Пунктирная линия нижней границы

Пунктирная линия нижней границы

Сплошная линия нижней границы.

Двойная линия нижней границы

Паз нижней границы

Хребет нижней границы.

Вставка нижней границы.

Завязка нижней границы.




seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: