Авторский знак. 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


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

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

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

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

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

Определение и использование. Свойство границы стиля border-style задает стиль четырех границ элемента. Это свойство может иметь от одного до четырех значений.

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


Синтаксис:

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

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

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


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

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


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

< !DOCTYPE html>
< html>
< head>
< style>
p.none {border-style:none;}
p.dotted {border-style:dotted;}
p.dashed {border-style:dashed;}
p.solid {border-style:solid;}
p.double {border-style:double;}
p.groove {border-style:groove;}
p.ridge {border-style:ridge;}
p.inset {border-style:inset;}
p.outset {border-style:outset;}
p.hidden {border-style:hidden;}
< /style>
< /head>
< body>
< p class="none">Нет границы.< /p>
< p class="dotted">dotted граница.< /p>
< p class="dashed">dashed граница.< /p>
< p class="solid">solid граница.< /p>
< p class="double">double граница.< /p>
< p class="groove">groove граница.< /p>
< p class="ridge">ridge граница.< /p>
< p class="inset">inset граница.< /p>
< p class="outset">outset граница.< /p>
< p class="hidden">hidden граница.< /p>


Нет границы.

dotted граница.

dashed граница.

solid граница.

double граница.

groove граница.

ridge граница.

inset граница.

outset граница.

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




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
... ... ...

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

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