<?
include_once '../sys/inc/start.php';
include_once '../sys/inc/compress.php';
include_once '../sys/inc/sess.php';
include_once '../sys/inc/home.php';
include_once '../sys/inc/settings.php';
include_once '../sys/inc/db_connect.php';
include_once '../sys/inc/ipua.php';
include_once '../sys/inc/fnc.php';
include_once '../sys/inc/user.php';
$set['title']='Справочник'; // заголовок страницы
include_once '../sys/inc/thead.php';
title();
err();
aut();
$css=htmlspecialchars(trim($_GET['info']));
switch($css)
{
default:
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/'>Назад</a></div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=background'>background</a></div>";
echo "<div class='anton'>Сокращенный атрибут, который позволяет устанавливать пять отдельных параметров для изменения стиля фона.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=background-attachment'>background-attachment</a></div>";
echo "<div class='anton'>Устанавливает, будет ли фоновый рисунок прокручиваться вместе с содержимым веб-страницы.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=background-color'>background-color</a></div>";
echo "<div class='anton'>Цвет фона элемента.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=background-image'>background-image</a></div>";
echo "<div class='anton'>Задает фоновый рисунок элемента.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=background-position'>background-position</a></div>";
echo "<div class='anton'>Позиция левого верхнего угла фонового рисунка относительно родителя, например, окна веб-страницы.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=background-repeat'>background-repeat</a></div>";
echo "<div class='anton'>Повторяемость фонового рисунка по горизонтальной и вертикальной оси.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=border'>border</a></div>";
echo "<div class='anton'>Одновременно устанавливает толщину, цвет и стиль рамки вокруг элемента.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=border-bottom'>border-bottom</a></div>";
echo "<div class='anton'>Устанавливает толщину, цвет и стиль нижней границы элемента.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=border-bottom-color'>border-bottom-color</a></div>";
echo "<div class='anton'>Устанавливает цвет нижней границы элемента.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=border-bottom-style'>border-bottom-style</a></div>";
echo "<div class='anton'>Устанавливает стиль линии нижней границы элемента.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=border-bottom-width'>border-bottom-width</a></div>";
echo "<div class='anton'>Задает толщину нижней границы элемента.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=border-collapse'>border-collapse</a></div>";
echo "<div class='anton'>Устанавливает, как отображать границы вокруг ячеек таблицы. Этот параметр играет роль, когда для ячеек установлена рамка, тогда в месте стыка ячеек получится линия двойной толщины. Значение collapse заставляет браузер убирать в таблице двойные линии.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=border-color'>border-color</a></div>";
echo "<div class='anton'>Задает цвет всех границ элемента.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=border-left'>border-left</a></div>";
echo "<div class='anton'>Устанавливает толщину, цвет и стиль левой границы элемента.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=border-left-color'>border-left-color</a></div>";
echo "<div class='anton'>Устанавливает цвет левой границы элемента.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=border-left-style'>border-left-style</a></div>";
echo "<div class='anton'>Устанавливает стиль линии левой границы элемента.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=border-left-width'>border-left-width</a></div>";
echo "<div class='anton'>Задает толщину левой границы элемента.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=border-right'>border-right</a></div>";
echo "<div class='anton'>Устанавливает толщину, цвет и стиль правой границы элемента.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=border-right-color'>border-right-color</a></div>";
echo "<div class='anton'>Устанавливает цвет правой границы элемента.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=border-right-style'>border-right-style</a></div>";
echo "<div class='anton'>Устанавливает стиль линии правой границы элемента.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=border-right-width'>border-right-width</a></div>";
echo "<div class='anton'>Задает толщину правой границы элемента.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=border-style'>border-style</a></div>";
echo "<div class='anton'>Устанавливает стиль рамки вокруг элемента. Браузер Netscape 4 понимает только одно значение, которое определяет стиль сразу для всех границ. Для остальных браузеров допустимо устанавливать индивидуальные стили для разных сторон элемента.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=border-top'>border-top</a></div>";
echo "<div class='anton'>Устанавливает толщину, цвет и стиль верхней границы элемента.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=border-top-color'>border-top-color</a></div>";
echo "<div class='anton'>Устанавливает цвет верхней границы элемента.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=border-top-style'>border-top-style</a></div>";
echo "<div class='anton'>Устанавливает стиль линии верхней границы элемента.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=border-top-width'>border-top-width</a></div>";
echo "<div class='anton'>Задает толщину верхней границы элемента.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=border-width'>border-width</a></div>";
echo "<div class='anton'>Задает толщину границы одновременно на всех сторонах элемента или индивидуально для каждой стороны. Способ изменения толщины зависит от числа аргументов.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=bottom'>bottom</a></div>";
echo "<div class='anton'>Для позиционированного элемента определяет положение его нижнего края.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=clear'>clear</a></div>";
echo "<div class='anton'>Параметр устанавливает, с какой стороны элемента запрещено его обтекание другими элементами.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=clip'>clip</a></div>";
echo "<div class='anton'>Определяет видимую область позиционированного элемента.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=color'>color</a></div>";
echo "<div class='anton'>Цвет переднего плана элемента.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=cursor'>cursor</a></div>";
echo "<div class='anton'>Изменение вида курсора мыши, когда он находится на элементе.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=display'>display</a></div>";
echo "<div class='anton'>Многоцелевой атрибут, который определяет должен ли элемент быть виден в документе.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=float'>float</a></div>";
echo "<div class='anton'>Определяет, с какой стороны будет происходить обтекание элемента текстом или другими объектами.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=font'>font</a></div>";
echo "<div class='anton'>Сокращенный атрибут, который позволяет одновременно установить несколько параметров шрифта.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=font-family'>font-family</a></div>";
echo "<div class='anton'>Определяет семейство шрифтов.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=font-size'>font-size</a></div>";
echo "<div class='anton'>Размер шрифта элемента.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=font-style'>font-style</a></div>";
echo "<div class='anton'>Определяет, предоставлен ли элемент в нормальном, курсивном или наклонном начертании.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=font-variant'>font-variant</a></div>";
echo "<div class='anton'>Используется для написания капителью &8212; заглавными символами уменьшенного размера.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=font-weight'>font-weight</a></div>";
echo "<div class='anton'>Задает жирность шрифта.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=height'>height</a></div>";
echo "<div class='anton'>Задает высоту блочных или заменяемых элементов (к ним, например, относится тег IMG). Высота не включает толщину границ вокруг элемента, значение отступов и полей.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=left'>left</a></div>";
echo "<div class='anton'>Для позиционированного элемента определяет положение его левого края.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=letter-spacing'>letter-spacing</a></div>";
echo "<div class='anton'>Определяет интервал между буквами внутри элемента.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=line-height'>line-height</a></div>";
echo "<div class='anton'>Интерлиньяж (расстояние между линиями строк).</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=list-style'>list-style</a></div>";
echo "<div class='anton'>Сокращенный атрибут, который устанавливает вид списка и его положение.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=list-style-image'>list-style-image</a></div>";
echo "<div class='anton'>Указывает изображение, которое будет использоваться в качестве маркеров.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=list-style-position'>list-style-position</a></div>";
echo "<div class='anton'>Определяет, является ли маркер внутри или снаружи текстового блока, содержащего список.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=list-style-type'>list-style-type</a></div>";
echo "<div class='anton'>Вид маркеров списка.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=margin'>margin</a></div>";
echo "<div class='anton'>Сокращенный атрибут, который устанавливает отступы от края браузера до границ элемента.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=margin-bottom'>margin-bottom</a></div>";
echo "<div class='anton'>Определяет отступ от нижнего края родительского элемента.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=margin-left'>margin-left</a></div>";
echo "<div class='anton'>Определяет отступ от левого края родительского элемента.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=margin-right'>margin-right</a></div>";
echo "<div class='anton'>Определяет отступ от правого края родительского элемента.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=margin-top'>margin-top</a></div>";
echo "<div class='anton'>Определяет отступ от верхнего края родительского элемента.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=overflow'>overflow</a></div>";
echo "<div class='anton'>Управляет обработкой содержания, которое выходит за пределы физического размера элемента, например, путем добавления полос прокрутки.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=padding'>padding</a></div>";
echo "<div class='anton'>Сокращенный атрибут, который устанавливает поля от содержимого элемента до его границ.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=padding-bottom'>padding-bottom</a></div>";
echo "<div class='anton'>Устанавливает поля от содержимого элемента до его нижней границы.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=padding-left'>padding-left</a></div>";
echo "<div class='anton'>Устанавливает поля от содержимого элемента до его левой границы.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=padding-right'>padding-right</a></div>";
echo "<div class='anton'>Устанавливает поля от содержимого элемента до его правой границы.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=padding-top'>padding-top</a></div>";
echo "<div class='anton'>Устанавливает поля от содержимого элемента до его верхней границы.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=position'>position</a></div>";
echo "<div class='anton'>Устанавливает способ позиционирования элемента относительно окна браузера или других объектов на веб-странице.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=right'>right</a></div>";
echo "<div class='anton'>Для позиционированного элемента определяет положение его правого края.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=table-layout'>table-layout</a></div>";
echo "<div class='anton'>Определяет, как браузер должен вычислять высоту и ширину ячеек таблицы, основываясь на ее содержимом.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=text-align'>text-align</a></div>";
echo "<div class='anton'>Выравнивание текста по левому, правому краю или по ширине контейнера.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=text-decoration'>text-decoration</a></div>";
echo "<div class='anton'>Добавляет оформление текста в виде его подчеркивания, перечеркивания, линии над текстом и мигания.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=text-indent'>text-indent</a></div>";
echo "<div class='anton'>Отступ первой строки текстового блока.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=text-transform'>text-transform</a></div>";
echo "<div class='anton'>Управляет преобразованием текста элемента в заглавные или прописные символы.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=top'>top</a></div>";
echo "<div class='anton'>Для позиционированного элемента определяет положение его верхнего края.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=vertical-align'>vertical-align</a></div>";
echo "<div class='anton'>Выравнивает элемент по вертикали относительно своего родителя.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=visibility'>visibility</a></div>";
echo "<div class='anton'>Предназначен для отображения или скрытия элемента, включая рамку вокруг него и фон. При скрытии элемента, хотя он и становится не виден, место, которое элемент занимает, остается за ним.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=white-space'>white-space</a></div>";
echo "<div class='anton'>Устанавливает, как отображать пробелы между словами. Обычно любое число пробелов в коде HTML показывается на веб-странице как один. Использование white-space изменяет это свойство и текст выводится со всеми пробелами, как он был введен пользователем.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=width'>width</a></div>";
echo "<div class='anton'>Устанавливает ширину блочных или заменяемых элементов (к ним, например, относится тег IMG). Ширина не включает толщину границ вокруг элемента, значение отступов и полей.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=word-spacing'>word-spacing</a></div>";
echo "<div class='anton'>Устанавливает интервал между словами в тексте.</div>";
echo "<div class='anton'><img src='/css/img/accept.png'> <a href='?info=z-index'>z-index</a></div>";
echo "<div class='anton'>Любые позиционированные элементы на веб-странице могут накладываться друг на друга в определенном порядке, имитируя тем самым третье измерение, перпендикулярное экрану. z-index управляет порядком наложения элементов по z-оси.</div>";
break;
case 'background':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Параметр позволяет установить одновременно до пяти атрибутов стиля фона. Значения могут идти в любом порядке, браузер сам определит, какое из них соответствует нужному атрибуту. Некоторые параметры не поддерживаются браузером Netscape 4.x. Для более подробного ознакомления с аргументами, смотрите свойства каждого параметра отдельно.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "background: background-attachment || background-color || background-image || background-position || background-repeat";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Любые комбинации пяти значений, определяющих стиль фона, в произвольном порядке. Значения разделяются между собой пробелом. Ни один аргумент не является обязательным, поэтому неиспользуемые значения можно опустить.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "Нет.";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo "BODY { background: url(bg.gif ) repeat fixed }<br>P { background: #C0C0C0 }";
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.background";
echo "<div class='menu_razd'>Примечание</div>";
echo "Netscape 4.x работает некорректно с отображением фона. Если вокруг элемента нет никакой границы, то фон будет только под текстом, а не у всей области. Даже если граница добавлена, между ней и областью будет небольшой промежуток, избавиться от которого нет возможности.";
break;
case 'background-attachment':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Параметр background-attachment устанавливает, будет ли прокручиваться фоновое изображение вместе с содержимым элемента. Изображение может быть зафиксировано и оставаться неподвижным, либо перемещаться совместно с документом. ";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "background-attachment: fixed | scroll";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Значение fixed делает фоновое изображение элемента неподвижным, scroll — позволяет перемещаться фону вместе с содержимым.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "scroll";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo "BODY { background-image: url(images/bg.gif);background-attachment: fixed";
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.backgroundAttachment";
break;
case 'background-color':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает фоновый цвет элемента. Хотя этот параметр не наследует свойства своего родителя, из-за того, что начальное значение цвета фона устанавливается прозрачным, он совпадает с фоном текущего элемента.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "background-color: цвет";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Значение цвета может задаваться по его названию, шестнадцатеричному значению, либо с помощью RGB. Кроме значения цвета, еще один допустимый аргумент — transparent, устанавливающий прозрачный фон.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "transparent";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo "BODY { background-color: #3366CC }<br>P { background-color: yellow }<br>P { background-color: #98560F }<br>P { background-color: RGB(249, 231, 16) }";
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.backgroundbackgroundColor";
echo "<div class='menu_razd'>Примечание</div>";
echo "Браузер Netscape 4.x не применяет цвет фона к блоку текста и отступам вокруг него, а только к тексту в элементе. Чтобы избавиться от этого недостатка, можно сделать вокруг области границу нулевой толщины.";
break;
case 'background-image':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает фоновое изображение для элемента. Если одновременно для элемента задан цвет фона, он будет показан, пока фоновая картинка не загрузится полностью. То же произойдет, если изображение не доступно или отключен их показ в браузере. В случае наличия в рисунке прозрачных областей, через них будет проглядывать фоновый цвет.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "background-image: url(путь к файлу) | none";
echo "<div class='menu_razd'>Аргументы</div>";
echo "В качестве значения используется путь к графическому файлу, который указывается внутри конструкции url(). Либо аргумент может принимать значение none, когда фоновое изображение не требуется.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "none";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo "BODY { background-image: url(images/bg.gif) }";
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.backgroundImage";
break;
case 'background-position':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Задает положение левого верхнего угла фонового изображения, установленного с помощью параметра background-image.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "background-position: [проценты | значение] | [left | center | right] || [top | center | bottom]";
echo "<div class='menu_razd'>Аргументы</div>";
echo "У этого параметра два значения, положение по горизонтали (может быть — left, center, right) и вертикали (может быть — top, center, bottom). Положение можно, также, задавать в процентах, пикселях или других единицах.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "0%";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo "BODY { background-image: url(mybg.gif); background-position: right bottom }";
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.backgroundPosition";
break;
case 'background-repeat':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Определяет, как будет повторяться фоновое изображение, установленное с помощью параметра background-image, и по какой оси. Можно установить повторение рисунка только по горизонтали, по вертикали или в обе стороны.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "background-repeat: no-repeat | repeat | repeat-x | repeat-y";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Значение no-repeat устанавливает одно фоновое изображение в элементе без его повторений, положение которого определяется атрибутом background-position (по умолчанию в левом верхнем углу). Другими допустимыми значениями являются repeat (повторяемость по вертикали и горизонтали), repeat-x (по горизонтали), repeat-y (по вертикали).";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "repeat";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo "BODY { background-image: url(mybg.gif); background-repeat: repeat-y }";
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.backgroundRepeat";
echo "<div class='menu_razd'>Примечание</div>";
echo "Internet Explorer 4 повторяет фоновый рисунок вниз и направо. Более правильное поведение для изображения фона — повторяться в обоих направлениях по горизонтали (для параметра repeat-x) или вертикали (параметр repeat-y).";
break;
case 'border':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Параметр позволяет одновременно установить толщину, стиль и цвет рамки вокруг элемента. Значения могут идти в любом порядке, разделяясь пробелом, браузер сам определит, какое из них соответствует нужному атрибуту. Для установки рамки только на определенных сторонах элемента, воспользуйтесь параметрами border-top, border-bottom, border-left, border-right.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "border: border-width || border-style || color";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Значение border-width определяет толщину рамки. Для управления видом рамки предоставляется восемь значений параметра border-style. Их названия и результат действия представлен на рисунке ниже.";
echo "<center><img src='/css/img/border.png'></center>";
echo "Первые два стиля — dotted и dashed поддерживаются браузером Netscape, начиная с шестой версии, а браузером Internet Explorer с версии 5.5. <br>
Аргумент color устанавливает цвет рамки, значение может быть в любом допустимом для CSS формате.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "Нет.";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo "<div style='border: 2px solid black;  background: #0000F0; padding: 10px'><center>border: 2px solid black; <br> background: #0000F0; <br>padding: 10px</center></div>";
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.border";
echo "<div class='menu_razd'>Примечание</div>";
echo "Internet Explorer 4/5 не применяет рамку к встроенным элементам.";
break;
case 'border-bottom':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Параметр позволяет одновременно установить толщину, стиль и цвет границы внизу элемента. Значения могут идти в любом порядке, разделяясь пробелом, браузер сам определит, какое из них соответствует нужному атрибуту.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "border-bottom: border-width || border-style || color";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Значение border-width определяет толщину рамки. Для управления видом рамки предоставляется восемь значений параметра border-style. Их названия и результат действия представлен на рисунке ниже.";
echo "<center><img src='/css/img/border.png'></center>";
echo "Первые два стиля — dotted и dashed поддерживаются браузером Netscape, начиная с шестой версии, а браузером Internet Explorer с версии 5.5. <br>
Аргумент color устанавливает цвет рамки, значение может быть в любом допустимом для CSS формате.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "Нет.";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo "<div style='border-bottom: 2px solid black;  background: lightgreen; padding: 10px'><center>border-bottom: 2px solid black; <br> background: lightgreen; <br>padding: 10px</center></div>";
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.borderBottom";
echo "<div class='menu_razd'>Примечание</div>";
echo "Internet Explorer 4/5 не применяет рамку к встроенным элементам.";
break;
case 'border-bottom-color':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает цвет границы внизу элемента. ";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "border-bottom-color: цвет";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Значение цвета может задаваться по его названию, шестнадцатеричному значению, либо с помощью RGB. Кроме значения цвета, еще один допустимый аргумент — transparent, устанавливающий прозрачный фон.";
echo "<center><img src='/css/img/border.png'></center>";
echo "Первые два стиля — dotted и dashed поддерживаются браузером Netscape, начиная с шестой версии, а браузером Internet Explorer с версии 5.5. <br>
Аргумент color устанавливает цвет рамки, значение может быть в любом допустимом для CSS формате.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "Нет.";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo "P { border-bottom-color: red }<br>
P { border-bottom-color: # 4B3A6E }";
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.borderBottomColor";
echo "<div class='menu_razd'>Примечание</div>";
echo "Internet Explorer 4/5 не применяет рамку к встроенным элементам.";
break;
case 'border-bottom-style':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает стиль границы внизу элемента. ";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "border-bottom-style: стиль";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Для управления видом рамки предоставляется восемь значений параметра border-style. Их названия и результат действия представлен на рисунке ниже.";
echo "<center><img src='/css/img/border.png'></center>";
echo "Первые два стиля — dotted и dashed поддерживаются браузером Netscape, начиная с шестой версии, а браузером Internet Explorer с версии 5.5.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "Нет.";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo "P { border-bottom-style: double }";
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.borderBottomStyle";
echo "<div class='menu_razd'>Примечание</div>";
echo "Internet Explorer 4/5 не применяет рамку к встроенным элементам.";
break;
case 'border-bottom-width':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает толщину границы внизу элемента.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "border-bottom-width: thin | medium | thick | значение";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Три переменные — thin, medium и thick задают толщину границы внизу. Для более точного значения, толщину можно указывать в пикселях или других единицах.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "medium (IE); 0 (NN).";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo "H1 { border-bottom-width: 2px }";
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.borderBottomWidth";
echo "<div class='menu_razd'>Примечание</div>";
echo "Если стиль границы не установлен с помощью параметра border-style, Netscape 4.x все равно создает видимые границы. При установке стиля границы, они отрисовываются не на всех сторонах. Internet Explorer 4/5 правильно работает для блочных элементов, но встроенные элементы игнорирует полностью.";
break;
case 'border-collapse':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает, как отображать границы вокруг ячеек таблицы. Этот параметр играет роль, когда для ячеек установлена рамка, тогда в месте стыка ячеек получится линия двойной толщины. Значение collapse заставляет браузер убирать в таблице двойные линии. Устанавливает, как отображать границы вокруг ячеек таблицы. Этот параметр играет роль, когда для ячеек установлена рамка, в таком случае в месте стыка ячеек получится линия двойной толщины. Добавление значения collapse заставляет браузер анализировать подобные места в таблице и убирать в ней двойные линии. При этом между ячейками остается только одна граница, одновременно принадлежащая обеим ячейкам. То же правило соблюдается и для внешних границ, когда вокруг самой таблицы добавляется рамка.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "border-collapse: inherit | collapse | separate";
echo "<div class='menu_razd'>Аргументы</div>";
echo "inherit — свойства наследуются у родителя элемента. Этот аргумент поддерживается только в браузерах Netscape 7 и Opera 7.<br>
collapse — линия между ячейками отображается как одна.<br>
separate — вокруг каждой ячейки отображается своя собственная рамка, в местах соприкосновения ячеек показываются сразу две линии.<br>";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "separate";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
?>
<html>
<center>
<head>
<style type="text/css">
TABLE { width: 300px; border: 4px double black; border-collapse: collapse }
TH { text-align: left; background: #ccc; padding: 5px; border: 1px solid black }
TD { padding: 5px; border: 1px solid black }
</style>
</head>
<body> 
<table cellspacing=0>
<tr> 
<th>&nbsp;</th>
<th>2003</th>
<th>2004</th>
<th>2005</th>
</tr>
<tr> 
<td>Нефть</td>
<td>43</td>
<td>51</td>
<td>79</td>
</tr>
<tr> 
<td>Золото</td>
<td>29</td>
<td>34</td>
<td>48</td>
</tr>
<tr> 
<td>Дерево</td>
<td>38</td>
<td>57</td>
<td>36</td>
</tr>
</table>
</body>
</center>
</html>
<?
echo "<div class='menu_razd'>Применяется</div>";
echo "К тегу TABLE или к элементам, у которых значение свойства display установлено как table или inline-table.";
echo "<div class='menu_razd'>Примечание</div>";
echo "Браузер Opera иногда проявляет некоторые причуды в отображении границ. Например, линии могут появляться в том месте, где их по соображениям разработчиков быть не должно. ";
break;
case 'border-color':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает цвет границы на разных сторонах элемента. Параметр позволяет задать цвет границы сразу на всех сторонах элемента или определить цвет границы только на указанных сторонах.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "border-color: color {1,4}";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Разрешается использовать одно, два, три или четыре значения, разделяя их между собой пробелом. Эффект зависит от количества аргументов и приведен в сводной таблице.";
?>
<table border=1>
<tr><td>Число аргументов</td><td>Результат</td></tr>
<tr><td>1</td><td>Цвет рамки будет установлен для всех сторон элемента.</td></tr>
<tr><td>2</td><td>Первый аргумент устанавливает цвет верхней и нижней границы, второй аргумент — левой и правой.</td></tr>
<tr><td>3</td><td>Первый аргумент задает цвет верхней границы, второй — одновременно левой и правой стороны, а третий — нижней границы.</td></tr>
<tr><td>4</td><td>Поочередно устанавливается цвет верхней, правой, нижней и левой границы.</td></tr>
</table>
<?
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "Значение цвета, заданное параметром color.";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo "P { border-color: red rgb(0,0,255) red }<br>
DIV { border-color: #008A77 }";
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID')style.borderColor";
echo "<div class='menu_razd'>Примечание</div>";
echo "Netscape 4.x и Opera 3.6 не могут устанавливать разные цвета границ для индивидуальных сторон элемента, как, например border-color: red green blue orange. Internet Explorer 4/5 не может применять цвета границ к встроенным элементам.";
break;
case 'border-left':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Параметр позволяет одновременно установить толщину, стиль и цвет левой границы элемента. Значения могут идти в любом порядке, разделяясь пробелом, браузер сам определит, какое из них соответствует нужному атрибуту.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "border-left: border-width || border-style || color";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Значение border-width определяет толщину рамки. Для управления видом рамки предоставляется восемь значений параметра border-style. Их названия и результат действия представлен на рисунке ниже.";
echo "<center><img src='/css/img/border.png'></center>";
echo "Первые два стиля — dotted и dashed поддерживаются браузером Netscape, начиная с шестой версии, а браузером Internet Explorer с версии 5.5. <br>
Аргумент color устанавливает цвет рамки, значение может быть в любом допустимом для CSS формате.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "Нет.";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo '<div style="border-left: 5px solid red; padding-left: 10px">border-left: 5px solid red; padding-left: 10px</div>';
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.borderLeft";
echo "<div class='menu_razd'>Примечание</div>";
echo "Internet Explorer 4/5 не применяет рамку к встроенным элементам.";
break;
case 'border-left-color':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Параметр позволяет одновременно установить толщину, стиль и цвет левой границы элемента. Значения могут идти в любом порядке, разделяясь пробелом, браузер сам определит, какое из них соответствует нужному атрибуту.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "border-left: border-width || border-style || color";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Значение border-width определяет толщину рамки. Для управления видом рамки предоставляется восемь значений параметра border-style. Их названия и результат действия представлен на рисунке ниже.";
echo "<center><img src='/css/img/border.png'></center>";
echo "Первые два стиля — dotted и dashed поддерживаются браузером Netscape, начиная с шестой версии, а браузером Internet Explorer с версии 5.5. <br>
Аргумент color устанавливает цвет рамки, значение может быть в любом допустимом для CSS формате.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "Нет.";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo 'P { border-left: 1px solid #bd0ef6 }';
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.borderLeftColor";
echo "<div class='menu_razd'>Примечание</div>";
echo "Internet Explorer 4/5 не применяет рамку к встроенным элементам.";
break;
case 'border-left-width':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает толщину границы левой стороны элемента.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "border-left-width: thin | medium | thick | значение";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Три переменные — thin, medium и thick задают толщину границы. Для более точного значения, толщину можно указывать в пикселях или других единицах.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "medium (IE); 0 (NN).";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo 'H1 { border-left-width: 2px }';
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.borderLeftWidth";
echo "<div class='menu_razd'>Примечание</div>";
echo "Если стиль границы не установлен с помощью параметра border-style, Netscape 4.x все равно создает видимые границы. При установке стиля границы, они отрисовываются не на всех сторонах. Internet Explorer 4/5 правильно работает для блочных элементов, но встроенные элементы игнорирует полностью.";
break;
case 'border-right':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Параметр позволяет одновременно установить толщину, стиль и цвет границы с правой стороны элемента. Значения могут идти в любом порядке, разделяясь пробелом, браузер сам определит, какое из них соответствует нужному атрибуту.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "border-right: border-width || border-style || color";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Значение border-width определяет толщину рамки. Для управления видом рамки предоставляется восемь значений параметра border-style. Их названия и результат действия представлен на рисунке ниже.";
echo "<center><img src='/css/img/border.png'></center>";
echo "Первые два стиля — dotted и dashed поддерживаются браузером Netscape, начиная с шестой версии, а браузером Internet Explorer с версии 5.5. <br>
Аргумент color устанавливает цвет рамки, значение может быть в любом допустимом для CSS формате.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "Нет.";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo '<div style="border-right: 5px solid red; padding-left: 10px">border-left: 5px solid red; padding-left: 10px</div>';
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.borderRight";
echo "<div class='menu_razd'>Примечание</div>";
echo "Internet Explorer 4/5 не применяет рамку к встроенным элементам.";
break;
case 'border-right-color':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает цвет границы правой стороны элемента. ";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "border-right-color: цвет";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Значение цвета может задаваться по его названию, шестнадцатеричному значению, либо с помощью RGB. Кроме значения цвета, еще один допустимый аргумент — transparent, устанавливающий прозрачный фон.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "Нет.";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo 'P { border-right-color: red }<br>
P { border-right-color: # 4B3A6E }';
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.borderRightColor";
echo "<div class='menu_razd'>Примечание</div>";
echo "Internet Explorer 4/5 правильно работает для блочных элементов, но встроенные элементы игнорирует полностью.";
break;
case 'border-right-width':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает толщину границы правой стороны элемента.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "border-right-width: thin | medium | thick | значение";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Три переменные — thin, medium и thick задают толщину границы. Для более точного значения, толщину можно указывать в пикселях или других единицах.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "medium (IE); 0 (NN).";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo 'H1 { border-right-width: 2px }';
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.borderRightWidth";
echo "<div class='menu_razd'>Примечание</div>";
echo "Если стиль границы не установлен с помощью параметра border-style, Netscape 4.x все равно создает видимые границы. При установке стиля границы, они отрисовываются не на всех сторонах. Internet Explorer 4/5 правильно работает для блочных элементов, но встроенные элементы игнорирует полностью.";
break;
case 'border-style':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает стиль рамки вокруг элемента. Браузер Netscape 4 понимает только одно значение, которое определяет стиль сразу для всех границ. Для остальных браузеров допустимо устанавливать индивидуальные стили для разных сторон элемента. ";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "border-style: стиль";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Для управления видом рамки предоставляется восемь значений параметра border-style.";
echo "Разрешается использовать одно, два, три или четыре значения, разделяя их между собой пробелом. Эффект зависит от количества аргументов и приведен в таблице ниже.";
?>
<table border=1>
<tr><td>Число аргументов</td><td>Результат</td></tr>
<tr><td>1</td><td>Стиль рамки будет задан для всех сторон элемента.</td></tr>
<tr><td>2</td><td>Первый аргумент устанавливает стиль верхней и нижней границы, второй аргумент — левой и правой.</td></tr>
<tr><td>3</td><td>Первый аргумент задает стиль верхней границы, второй — одновременно левой и правой стороны, а третий — нижней границы.</td></tr>
<tr><td>4</td><td>Поочередно устанавливается стиль верхней, правой, нижней и левой границы.</td></tr>
</table>
<?
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "Значение цвета, заданное параметром color.";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
?>
<html>
<head>
<style type="text/css">
P { border-style: double }
</style> 
</head> 
<body> 
<p>P { border-style: double }</p>
</body> 
</html> 
<?
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.borderStyle";
echo "<div class='menu_razd'>Примечание</div>";
echo "Internet Explorer 4/5 правильно работает для блочных элементов, но встроенные элементы игнорирует полностью.";
break;
case 'border-top':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Параметр позволяет одновременно установить толщину, стиль и цвет границы сверху элемента. Значения могут идти в любом порядке, разделяясь пробелом, браузер сам определит, какое из них соответствует нужному атрибуту.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "border-top: border-width || border-style || color";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Значение border-width определяет толщину рамки. Для управления видом рамки предоставляется восемь значений параметра border-style. Их названия и результат действия представлен на рисунке ниже.";
echo "<center><img src='/css/img/border.png'></center>";
echo "Первые два стиля — dotted и dashed поддерживаются браузером Netscape, начиная с шестой версии, а браузером Internet Explorer с версии 5.5. <br>
Аргумент color устанавливает цвет рамки, значение может быть в любом допустимом для CSS формате.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "Нет.";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo "<div style='border-top: 2px solid black; background: red; padding: 10px'>border-top: 2px solid black; background: red; padding: 10px</div>";
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.borderTop";
echo "<div class='menu_razd'>Примечание</div>";
echo "Internet Explorer 4/5 не применяет рамку к встроенным элементам.";
break;
case 'border-top-color':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает цвет границы сверху элемента. ";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "border-top-color: цвет";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Значение цвета может задаваться по его названию, шестнадцатеричному значению, либо с помощью RGB. Кроме значения цвета, еще один допустимый аргумент — transparent, устанавливающий прозрачный фон.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "Нет.";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo "P { border-top-color: red }<br>
P { border-top-color: # 4B3A6E }";
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.borderTopColor";
echo "<div class='menu_razd'>Примечание</div>";
echo "Internet Explorer 4/5 правильно работает для блочных элементов, но встроенные элементы игнорирует полностью.";
break;
case 'border-top-style':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает стиль границы верхней части элемента. ";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "border-top-style: стиль";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Для управления видом рамки предоставляется восемь значений параметра border-style. Их названия и результат действия представлен на рисунке ниже.";
echo "<center><img src='/css/img/border.png'></center>";
echo "Первые два стиля — dotted и dashed поддерживаются браузером Netscape, начиная с шестой версии, а браузером Internet Explorer с версии 5.5.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "Нет.";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo "P { border-top-style: dotted }";
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.borderTopStyle";
echo "<div class='menu_razd'>Примечание</div>";
echo "Internet Explorer 4/5 правильно работает для блочных элементов, но встроенные элементы игнорирует полностью.";
break;
case 'border-top-width':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает толщину границы верхней части элемента.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "border-top-width: thin | medium | thick | значение";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Три переменные — thin, medium и thick задают толщину границы. Для более точного значения, толщину можно указывать в пикселях или других единицах.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "medium (IE); 0 (NN).";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo "H1 { border-top-width: 2px }";
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.borderTopWidth";
echo "<div class='menu_razd'>Примечание</div>";
echo "Если стиль границы не установлен с помощью параметра border-style, Netscape 4.x все равно создает видимые границы. При установке стиля границы, они отрисовываются не на всех сторонах. Internet Explorer 4/5 правильно работает для блочных элементов, но встроенные элементы игнорирует полностью.";
break;
case 'border-width':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Задает толщину границы одновременно на всех сторонах элемента или индивидуально для каждой стороны. Способ изменения толщины зависит от числа аргументов.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "border-width: thin | medium | thick | значение";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Три переменные — thin (2 px), medium (4 px) и thick (6 px) задают толщину границы. Для более точного значения, толщину можно указывать в пикселах или других единицах. Разрешается использовать одно, два, три или четыре значения, разделяя их между собой пробелом. Эффект зависит от количества аргументов и приведен в таблице ниже.";
?>
<table border=1>
<tr><td>Число аргументов</td><td>Результат</td></tr>
<tr><td>1</td><td>Толщина рамки будет установлена для всех сторон элемента.</td></tr>
<tr><td>2</td><td>Первый аргумент устанавливает толщину верхней и нижней границы, второй аргумент — левой и правой.</td></tr>
<tr><td>3</td><td>Первый аргумент задает толщину верхней границы, второй — одновременно левой и правой стороны, а третий — нижней границы.</td></tr>
<tr><td>4</td><td>Поочередно устанавливается толщину верхней, правой, нижней и левой границы.</td></tr>
</table>
<?
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "Значение цвета, заданное параметром color.";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
?>
<html>
<head>
<style type="text/css">
P { border-style: double; border-width: 3px 7px 7px 4px; padding: 7px }
</style>
<body> 
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>
</body>
</html>
<?
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.borderWidth";
echo "<div class='menu_razd'>Примечание</div>";
echo "Если стиль границы не установлен с помощью параметра border-style, Netscape 4.x все равно создает видимые границы. При установке стиля границы, они отрисовываются не на всех сторонах. Internet Explorer 4/5 правильно работает для блочных элементов, но встроенные элементы игнорирует полностью.";
break;
case 'bottom':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает положение нижнего края содержимого элемента без учета толщины рамок и отступов. Отсчет координат зависит от параметра position, он обычно принимает значение relative (относительное положение) или absolute (абсолютное положение). 
При относительном позиционировании элемента, отсчет ведется от нижнего края родительского элемента (рис. 1), а при абсолютном — относительно нижнего края окна документа (рис. 2).";
echo "<div class='menu_razd'>Рисунок 1</div>";
echo "<center><img src='/css/img/bottom1.png'></center>";
echo "<div class='menu_razd'>Рисунок 2</div>";
echo "<center><img src='/css/img/bottom2.png'></center>";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "bоttоm: значение | проценты | аutо ";
echo "<div class='menu_razd'>Аргументы</div>";
echo "В качестве значений принимаются любые единицы длины, принятые в CSS — например, пиксели (px), дюймы (in), пункты (pt) и др. Значение параметра bottom может быть и отрицательным, в этом случае возможны наложения разных элементов друг на друга. При задании значения в процентах, положение элемента вычисляется в зависимости от высоты родительского элемента. Аргумент auto не изменяет положение элемента.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "auto";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo "<div style='bottom: 100px; background: #f0f0f0; padding: 10px: border: solid 1px black'>
bottom: 100px; position: absolute; background: #f0f0f0; padding: 10px: border: solid 1px black</div>";
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
break;
case 'clear':
echo "<div class='p_m'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Параметр устанавливает, с какой стороны элемента запрещено его обтекание другими элементами. Если установлено обтекание элемента с помощью параметра float, свойство clear отменяет его действие для указанных сторон.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "clear: both | left | none | right";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Значение both отменяет обтекание элемента одновременно с правого и левого края. Этот аргумент рекомендуется установить, когда требуется снять обтекание элемента, но неизвестно точно с какой стороны. <br>
left — отменяет обтекание с левого края элемента. При этом все другие элементы на этой стороне будут опущены вниз, и располагаться под текущим элементом. <br>
right — отменяет обтекание с правой стороны элемента.<br>
none — отменяет действие данного свойства и обтекание элемента происходит, как задано с помощью параметра float или других настроек.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "none";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo "<div style='float: left; background: lightblue; border: solid 1px black; padding: 10px; width: 40%'>
float: left; background: lightblue; border: solid 1px black; padding: 10px; width: 40%
</div>
<div style='clear: left'>clear: left</div>";
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.clear";
echo "<div class='menu_razd'>Примечание</div>";
echo "При работе со свойством clear, в некоторых браузерах возникают ошибки, когда обтекание элемента, при установке значения float, не отменяется.";
break;
case 'clip':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Параметр clip определяет область позиционированного элемента, в которой будет показано его содержимое. Все, что не помещается в эту область, будет обрезано и становится невидимым. На данный момент единственно доступная форма области — прямоугольник. Все остальное остается только в мечтах. Параметр clip работает только для абсолютно позиционированных элементов.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "clip: rect(сверху справа снизу слева) | auto";
echo "<div class='menu_razd'>Аргументы</div>";
echo "В качестве аргументов используется расстояние от края элемента до области вырезки. Если край области нужно оставить без изменений, следует поставить параметр auto.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "auto";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo "<div style='position: absolute; clip: rect(20px auto auto 20px); width: 200px; color: white; background: #7F4C3E; border: solid 1px black'>
<p style='padding: 10px'>position: absolute; clip: rect(20px auto auto 20px); width: 200px; color: white; background: #7F4C3E; border: solid 1px black</p>
</div>";
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.clip";
break;
case 'color':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Определяет цвет текста элемента.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "color: значение";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Значение цвета можно задавать тремя способами.
<br>
1. По его названию<br>
Браузеры поддерживают некоторые цвета по их названию. 
<br>
2. По шестнадцатеричному значению<br>
Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной системе. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999. Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF. Таким образом, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю. Допускается использовать сокращенную форму вида #rgb, где каждый символ следует удваивать. Так, запись #fe0 следует расценивать как #ffee00.
<br>
3. С помощью RGB<br>
Можно определить цвет используя значения красной, зеленой и синей составляющей в десятичном исчислении. Значение каждого из трех цветов может принимать значения от 0 до 255. Также можно задавать цвет в процентном отношении.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "black";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo "<span style='color: red'>П</span>ривет.<br>
<font color='#f00'>Те</font>кст для примера.";
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.color";
break;
case 'cursor':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает форму курсора, когда он находится в пределах элемента. Вид курсора зависит от операционной системы и установленных параметров.
Прежде чем воспользоваться возможностью переделать вид курсора, решите, а будет ли он использоваться к месту. Многих пользователей подобные изменения могут ввести в заблуждение, когда, например, вместо традиционной руки, появляющейся при наведении на ссылку, возникает нечто другое. В большинстве случаев, лучше оставить все как есть.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "cursor: auto | crosshair | default | e-resize | help | move | n-resize | ne-resize | nw-resize | pointer | s-resize | se-resize | sw-resize | text | w-resize | wait || url('путь к курсору')";
echo "<div class='menu_razd'>Аргументы</div>";
echo "auto — вид курсора по умолчанию для текущего элемента;<br>
url — позволяет установить свой собственный курсор, для этого нужно указать путь к файлу, в котором указана форма курсора, в формате CUR. Данный параметр работает только в браузере Internet Explorer 6.
<br>Остальные допустимые аргументы приведены в таблице.";
echo "<center><img src='/css/img/cursor.png'></center>";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "auto";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
?>
<html>
<head>
<style type="text/css">
.help { cursor: crosshair }
</style>
</head> 
<body>
<b>
<span class="cross">На этом тексте курсор мыши примет вид перекрестья.</span>
<br> 
<a href="/css/css.php?info=cursor" class=help>Ссылка</a>
</b>
</body>
</html> 
<?
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
break;
case 'display':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Многоцелевой атрибут, который определяет, должен ли элемент быть показан в документе. Отличается от похожего на него по действию параметра visible тем, что display не резервирует пустое пространство под элементом, а временно удаляет его из документа. Благодаря этому свойству, параметр display часто применяют для создания раскрывающегося списка, когда требуется, чтобы один текст заменял собой другой при нажатии на ссылку.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "CSS1 — display: block | inline | list-item | none<br>
CSS2 — display: block | compact | inline | inline-table | list-item | none | run-in | table | table-caption | table-cell | table-column-group | table-footer-group | table-header-group | table-row | table-row-group";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Если элемент должен быть показан в документе, устанавливается значение block, inline или list-item. Значение none временно удаляет элемент из документа.
<br>block — элемент показывается как блочный. Применение этого значения для встроенных элементов, например тега SPAN, заставляет его вести подобно блокам — происходит перенос строк в начале и в конце содержимого. 
<br>inline — элемент показывается как встроенный. Использование блочных тегов, таких как DIV и P, автоматически создает перенос и показывает содержимое этих тегов с новой строки. Аргумент inline отменяет эту особенность, поэтому содержимое блочных элементов начинается с того места, где окончился предыдущий элемент.
<br>list-item — элемент выводится как блочный и добавляется маркер списка. 
<br>none — временно удаляет элемент из документа. Занимаемое им место не резервируется и веб-страница формируется так, словно элемента и не было. Изменить значение параметра и сделать его вновь видимым можно с помощью скриптов, обращаясь к свойствам через объектную модель. В этом случае происхоит переформатирование данных на странице с учетом вновь добавленного элемента.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "inline";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo "<div style='display: inline'>display: inline</div><br>А ниже скрытая строчка, которое Вы не видете. Используется none.
<div style='display: none'>Скрытое поле</div>";
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.display";
echo "<div class='menu_razd'>Примечание</div>";
echo "Список возможных значений этого атрибута, понимаемый разными браузерами очень короткий — block, inline и none. Все остальные допустимые аргументы поддерживаются браузерами выборочно.";
break;
case 'float':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Определяет, по какой стороне будет выравниваться элемент, при этом остальные элементы будут обтекать его с других сторон. Когда значение параметра float равно none, элемент выводится на странице как обычно, самое большое — одна строка обтекающего текста может быть на той же линии, что и сам элемент.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "float: left | right | none<br>";
echo "<div class='menu_razd'>Аргументы</div>";
echo "left — выравнивает элемент по левому краю, а все остальные элементы, вроде текста, огибают его по правой стороне.<br>
right — выравнивает элемент по правому краю, а все остальные элементы огибают его по левой стороне.<br>
none — обтекание элемента не задается.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "none";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo '<div style="float: left; background: #fd0; border: solid 1px black; padding: 10px; width: 40%">float: left; background: #fd0; border: solid 1px black; padding: 10px; width: 40%</div>Смещение так и должно быть.';
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.styleFloat";
echo "<div class='menu_razd'>Примечание</div>";
echo "Браузеры Internet Explorer 4/5 и Netscape 4.x по-разному работают с атрибутом float, особенно это касается изображений. Если Internet Explorer для тега IMG создает его обтекание, то Netscape для этого требует, чтобы параметр float применялся к тегу DIV, внутрь которого помещен рисунок.";
break;
case 'font':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Параметр позволяет установить одновременно несколько атрибутов стиля шрифта. Значения могут идти в любом порядке, браузер сам определит, какое из них соответствует нужному атрибуту.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "CSS1 — font: font-style || font-variant || font-weight || font-size || line-height || font-family<br>
CSS2 — font: caption || icon || menu || messagebox || smallcaption || statusbar";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Любые комбинации значений, определяющих стиль фона, в произвольном порядке. Значения разделяются между собой пробелом. Ни один аргумент не является обязательным, поэтому неиспользуемые значения можно опустить. Для более подробного ознакомления с аргументами, смотрите свойства каждого параметра отдельно.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "Нет.";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo '<div style="font: 12pt sans-serif">
Текст для примера.</div>';
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "window.]document.getElementById('elementID').style.font";
echo "<div class='menu_razd'>Примечание</div>";
echo "Константы CSS2 обращаются к параметрам браузера и операционной системы пользователя, поэтому результат действия этих аргументов различается в зависимости от настроек. Применение этих атрибутов связано с необходимостью использования системных настроек шрифтов у себя на странице. Не все браузеры поддерживают эти новшества.";
break;
case 'font-family':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает семейство шрифта, которое будет использоваться для оформления текста содержимого. Список шрифтов может включать одно или несколько названий, разделенных запятой. Если в имени шрифта содержатся пробелы, например, Trebuchet MS, оно должно заключаться в кавычки. 
Когда браузер встречает первый шрифт в списке, он проверяет его наличие на компьютере пользователя. Если такого шрифта нет, берется следующее имя из списка и также анализируется на присутствие. Поэтому несколько шрифтов увеличивает вероятность, что хотя бы один из них будет обнаружен на клиентском компьютере. Заканчивают список обычно ключевым словом, которое описывает тип шрифта — serif, sans-serif, cursive, fantasy или monospace. Таким образом, последовательность шрифтов лучше начинать с экзотических типов и заканчивать обобщенным именем, которое задает вид начертания.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "font-family: имя шрифта [, имя шрифта[, ...]]";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Любое количество имен шрифтов разделенных запятыми. Универсальные семейства шрифтов:<br>
serif — шрифты с засечками (антиквенные), типа Times;<br>
sans-serif — рубленные шрифты (шрифты без засечек или гротески), типичный представитель — Arial;<br>
cursive — курсивные шрифты;<br>
fantasy — декоративные шрифты;<br>
monospace — моноширинные шрифты, ширина каждого символа в таком семействе одинакова.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "Шрифт, установленный в браузере по умолчанию. Обычно это Times New Roman.";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo '<div style="font-family: "Times New Roman", Times, serif">Текст для примера.</div>';
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.fontFamily";
break;
case 'font-size':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Определяет размер шрифта элемента. Размер может быть установлен несколькими способами. Набор констант (xx-small, x-small, small, medium, large, x-large, xx-large) задают размер, который называется абсолютным. По правде говоря, они не совсем абсолютны, поскольку зависят от настроек браузера и операционной системы. 
Другой набор констант (larger, smaller) устанавливает относительные размеры шрифта. Поскольку размер унаследован от родительского элемента, эти относительные размеры применяются к родительскому элементу, чтобы определить размер шрифта текущего элемента. 
В конечном итоге, размер шрифта сильно зависит от значения этого параметра у родителя элемента. Допустимо смешивать относительные и абсолютные размеры.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "font-size: абсолютный размер| относительный размер | значение | проценты";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Для задания абсолютного размера используются следующие значения: xx-small | x-small | small | medium | large | x-large | xx-large. Относительный размер шрифта задается аргументами larger и smaller.<br>
Также разрешается использовать любые допустимые единицы CSS: em (высота шрифта элемента), ex (высота символа х), пункты (pt), пиксели (px), проценты (%) и др. За 100 процентов берется размер шрифта родительского элемента. ";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "medium — для BODY элемента; <br>размер шрифта родителя во всех остальных случаях.";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo '<div style="font-size: 12pt">Текст для примера.</div>';
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.fontSize";
echo "<div class='menu_razd'>Примечание</div>";
echo "При задании абсолютного размера шрифта параметром small, Internet Explorer 4/5 будет показывать шрифт таким же размером, что и шрифт без стиля, который имеет размер medium.<br>
Задание размера шрифта font-size: medium приведет к различным размерам шрифта в браузерах Internet Explorer и Netscape, что противоречит спецификации CSS и вводит в заблуждение многих разработчиков. ";
break;
case 'font-style':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Определяет начертание шрифта — обычное, курсивное или наклонное. Когда для текста установлено курсивное или наклонное начертание, браузер обращается к системе для поиска подходящего шрифта. Если заданный шрифт не найден, браузер использует специальный алгоритм для имитации нужного вида текста. Результат и качество при этом могут получиться неудовлетворительными, особенно при печати документа. 
Курсив и наклонный шрифт при всей их похожести не одно и то же. Курсив это специальный шрифт, имитирующий рукописный, наклонный же образуется путем наклона обычных знаков. 
";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "font-style: normal | italic | oblique";
echo "<div class='menu_razd'>Аргументы</div>";
echo "normal — обычное начертание текста;<br>
italic — курсив;<br>
oblique — наклонный шрифт.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "Нет.";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo '<div style="font-style: italic">font-style: italic</div>';
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.fontStyle";
echo "<div class='menu_razd'>Примечание</div>";
echo "Аргумент oblique не поддерживается в браузере Netscape 4. В Internet Explorer шрифт со значением italic и oblique всегда показывается как курсив.";
break;
case 'font-variant':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Определяет, как нужно представлять прописные буквы — делать их все заглавными или оставить без изменений.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "font-variant: normal | small-caps";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Значение normal не изменяет регистр символов, оставляя его по умолчанию. Аргумент small-caps модифицирует все прописные символы как заглавные уменьшенного размера.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "normal";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo '<span style="font-variant: normal">П</span>ример(font-variant: normal).';
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.fontVariant";
echo "<div class='menu_razd'>Примечание</div>";
echo "Internet Explorer при установке значения small-caps делает все буквы прописными, в то время, как заглавные буквы должны оставаться неизменными.";
break;
case 'font-weight':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает насыщенность шрифта. Значение устанавливается от 100 до 900 с шагом 100. Сверхсветлое начертание, которое может отобразить браузер, имеет значение 100, а сверхжирное — 900. Нормальное начертание шрифта (которое установлено по умолчанию) эквивалентно 400, стандартный полужирный текст — значению 700. Другие аргументы (bolder и lighter) позволяют менять жирность текста относительно насыщенности родительского элемента.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "font-weight: bold | bolder | lighter | normal | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Насыщенность шрифта задается с помощью ключевых слов: bold — полужирное, bolder — жирное; lighter — светлое, normal — нормальное начертание. Также допустимо использовать условные единицы от 100 до 900.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "normal";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo '<span style="font-weight: 600">font-weight: 600</span>';
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.fontWeight";
echo "<div class='menu_razd'>Примечание</div>";
echo "Браузер не всегда может адекватно показать требуемую насыщенность шрифта, это зависит от размеров текста и вида шрифта.";
break;
case 'height':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает высоту блочных или заменяемых элементов (к ним, например, относится тег IMG). Высота не включает толщину границ вокруг элемента, значение отступов и полей. <br>
Браузеры по-разному реагируют на настройки высоты элемента. Если его содержимое превышает указанную высоту, то Internet Explorer и Opera проигнорируют значение параметра height и автоматически подстроят высоту под контент. Браузер Netscape (а также Mozilla и FireFox) оставит высоту элемента неизменной, а содержимое будет отображаться поверх него. Из-за этой особенности может получиться наложение содержимого элементов друг на друга, в случае, когда в коде HTML они идут последовательно. Чтобы этого не произошло, можно добавить свойство overflow: auto к стилю элемента.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "height: значение | проценты | auto";
echo "<div class='menu_razd'>Аргументы</div>";
echo "В качестве значений принимаются любые единицы длины, принятые в CSS — например, пикселы (px), дюймы (in), пункты (pt) и др. При использовании процентной записи высота элемента вычисляется в зависимости от высоты родительского элемента. Если родитель явно не указан, то в его качестве выступает окно браузера. Аргумент auto устанавливает высоту исходя из содержимого элемента.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "auto";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo '<div style="height: 50px; background: #fc0; padding: 7px; border: 1px solid #ccc">height: 50px; background: #fc0; padding: 7px; border: 1px solid #ccc</div> ';
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.height";
echo "<div class='menu_razd'>Примечание</div>";
echo "Браузер Internet Explorer 4 не применяет свойство height к встроенным элементам, списками и некоторым элементам форм, вроде флажков, переключателей и текстовых полей.<br>
В браузере Opera 3.5 этот параметр не дает никакого эффекта для встроенных элементов, полей формы и таблиц.";
break;
case 'left':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Для позиционированного элемента определяет расстояние от левого края родительского элемента, не включая отступ, поле и ширину рамки, до левого края дочернего элемента (рис. 1). Отсчет координат зависит от значения параметра position. Если его аргумент равен absolute, в качестве родителя выступает окно браузера и положение элемента определяется от его левого края. В случае значения relative, значение left отсчитывается от левого края родителя.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "left: значение | проценты | auto";
echo "<div class='menu_razd'>Аргументы</div>";
echo "В качестве значений принимаются любые единицы длины, принятые в CSS — например, пиксели (px), дюймы (in), пункты (pt) и др. Значение параметра left может быть и отрицательным, в этом случае возможны наложения разных элементов друг на друга. При задании значения в процентах, положение элемента вычисляется в зависимости от ширины родительского элемента. Аргумент auto не изменяет положение элемента.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "auto";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo '<div style="position: absolute; left: 20px; background: #fc3; margin: 7px">
<div style="position: relative; left: -10px; border: 1px solid black; padding: 10px; margin: 7px">Текст для примера.</div><div>';
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.left";
break;
case 'letter-spacing':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Определяет интервал между символами в пределах элемента. Браузеры обычно устанавливают расстояние между символами, исходя из типа и вида шрифта, его размеров и настроек операционной системы. Чтобы изменить это значение и применяется данный атрибут. Допустимо использовать отрицательное значение, но в этом случае надо убедиться, что сохраняется читабельность текста.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "letter-spacing: значение | normal";
echo "<div class='menu_razd'>Аргументы</div>";
echo "В качестве значений принимаются любые единицы длины, принятые в CSS — например, пиксели (px), дюймы (in), пункты (pt) и др. Наилучший результат дает использование относительных единиц основанных на размере шрифта (em и ex). Аргумент normal задает интервал между символами как обычно. ";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "normal";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo '<div style="letter-spacing: 5px">letter-spacing: 5px</div>';
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.letterSpacing ";
break;
case 'line-height':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает интерлиньяж (межстрочный интервал) текста, отсчет ведется от базовой линии шрифта. При обычных обстоятельствах расстояние между строками зависит от вида и размера шрифта и определяется браузером автоматически. Отрицательное значение межстрочного расстояния не допускается.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "line-height: normal | множитель | значение | проценты";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Значение normal заставляет браузер вычислять расстояние между строк автоматически. Любое число больше нуля воспринимается как множитель от размера шрифта текущего текста. Например, значение 1.5 устанавливает полуторный межстрочный интервал. В качестве значений принимаются также любые единицы длины, принятые в CSS — пиксели (px), дюймы (in), пункты (pt) и др. Разрешается использовать процентную запись, в этом случае за 100 процентов берется высота шрифта.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "normal";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
echo '<div style="width:200px; line-height: 1.5">width:200px; line-height: 1.5</div>';
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.lineHeight";
break;
case 'list-style':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Атрибут, позволяющий одновременно задать стиль маркера, его положение, а также изображение, которое будет использоваться в качестве маркера. Для более подробного ознакомления с аргументами, смотрите свойства каждого параметра list-style-type, list-style-position и list-style-image отдельно.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "list-style: list-style-type || list-style-position || list-style-image";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Любые комбинации трех значений, определяющих стиль маркеров, в произвольном порядке. Значения разделяются между собой пробелом. Ни один аргумент не является обязательным, поэтому неиспользуемые значения можно опустить.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "Нет.";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
?>
<ul style="list-style: square outside">
<li>Lorem ipsum dolor sit amet</li>
<li>Consectetuer adipiscing elit</li>
<li>Sed diem nonummy nibh euismod</li>
<li>Tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</li>
</ul>
<?
echo "<div class='menu_razd'>Применяется</div>";
echo "К тегам DD, DT, LI, OL и UL, а также ко всем элементам, у которых указано свойство стиля display: list-item.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.listStyle";
break;
case 'list-style-image':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает адрес изображения, которое служит в качестве маркера списка. Этот атрибут наследуется, поэтому для отдельных элементов списка для восстановления маркера используется значение none.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "list-style-image: none | url('путь к файлу')";
echo "<div class='menu_razd'>Аргументы</div>";
echo "В качестве значения используется относительный или абсолютный путь к графическому файлу. Аргумент none отменяет изображение в качестве маркера для родительского элемента.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "normal";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
?>
<ul style="list-style-image: url('check.gif')">
<li>Lorem ipsum dolor sit amet</li>
<li>Consectetuer adipiscing elit</li>
<li style="list-style-image: none">Sed diem nonummy nibh euismod</li>
<li>Tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</li>
</ul>
<?
echo "<div class='menu_razd'>Применяется</div>";
echo "К тегам DD, DT, LI, OL и UL, а также ко всем элементам, у которых указано свойство стиля display: list-item.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.listStyleImage";
break;
case 'list-style-position':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Определяет, как будет размещаться маркер относительно текста. Имеется два значения: outside — маркер вынесен за границу элемента списка и inside — маркер обтекается текстом.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "list-style-position: inside | outside";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Когда значение равно inside и параметр list-style-position используется для текста — маркер является частью текстового блока и отображается в элементе списка. Для аргумента outside текст выравнивается по левому краю, а маркеры размещаются вне пределах текстового блока.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "outside";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
?>
<ul style="list-style-position: inside">
<li>Lorem ipsum dolor sit amet</li>
<li>Consectetuer adipiscing elit</li>
<li>Sed diem nonummy nibh euismod</li>
<li>Tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</li>
</ul>
<?
echo "<div class='menu_razd'>Применяется</div>";
echo "К тегам DD, DT, LI, OL и UL, а также ко всем элементам, у которых указано свойство стиля display: list-item.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.listStylePosition";
break;
case 'list-style-type':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Изменяет вид маркера для каждого элемента списка. Этот атрибут используется только в случае, когда значение свойства list-style-image установлено как none. Маркеры различаются для маркированного списка (тег UL) и нумерованного (тег OL).";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "list-style-type: disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Для маркированного списка используются аргументы circle, disc, square. Для нумерованного списка: decimal, lower-alpha, lower-roman, upper-alpha, upper-roman. Аргумент none устанавливает тип маркера, как у родительского элемента. Вид маркеров приведен в таблице.";
echo "<center><img src='/css/img/list.png'></center>";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "disc (для UL); decimal (для OL).";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
?>
<ul style="list-style-type: square">
<li>Lorem ipsum dolor sit amet</li>
<li>Consectetuer adipiscing elit</li>
<li>Sed diem nonummy nibh euismod</li>
<li>Tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</li>
</ul>
<?
echo "<div class='menu_razd'>Применяется</div>";
echo "К тегам DD, DT, LI, OL и UL, а также ко всем элементам, у которых указано свойство стиля display: list-item.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.listStyleType";
echo "<div class='menu_razd'>Примечание</div>";
echo "Если заданы отступы параметрами margin или padding и установлено значение list-style-type: none, браузер Netscape 4.x, несмотря на это, показывает маркеры.";
break;
case 'margin':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает величину отступа от каждого края элемента. Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента.<br>Если у элемента нет родителя, отступом будет расстояние от края элемента до края окна браузера с учетом того, что у самого окна по умолчанию тоже установлены отступы. Чтобы от них избавиться, следует устанавливать значение margin для селектора BODY равное нулю (см. пример). 
Параметр margin позволяет задать величину отступа сразу для всех сторон элемента или определить ее только для указанных сторон.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "margin: значение| auto {1,4}";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Разрешается использовать одно, два, три или четыре значения, разделяя их между собой пробелом. Эффект зависит от количества аргументов и приведен в сводной таблице.";
?>
<table border='1'>
<tr><td>Число аргументов</td><td>Результат</td></tr>
<tr><td>1</td><td>Отступы будут установлены для всех сторон элемента.</td></tr>
<tr><td>2</td><td>Первый аргумент устанавливает отступ от верхнего и нижнего края, второй аргумент — от левого и правого.</td></tr>
<tr><td>3</td><td>Первый аргумент задает отступ от верхнего края, второй — одновременно от левого и правого края, а третий — от нижнего края.</td></tr>
<tr><td>4</td><td>Поочередно устанавливается отступ от верхнего, правого, нижнего и левого края.</td></tr>
</table>
<?
echo "Величину отступов можно указывать в пикселях (px), процентах (%) или других допустимых для CSS единицах. Значение может быть как положительным, так и отрицательным числом. Аргумент auto указывает, что размер отступов будет автоматически рассчитан браузером.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "0";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
?>
<style> 
BODY { margin: 0px; }
DIV.parent {
margin: 20%;
background: #fd0;
padding: 10px;
}
DIV.child {
border: 3px solid #666;
padding: 10px;
margin: 10px;
}
</style>
</head>
<body>
<div class=parent>
<div class=child>
Текст для примера.
</div>
</div>
<?
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.margin ";
echo "<div class='menu_razd'>Примечание</div>";
echo "Все отступы имеют проблемы или не поддерживаются полностью для встроенных элементов. В случае параметра margin, то он хорошо поддерживается для блочных элементов в Internet Explorer 4/5, но в то же время для встроенных элементов игнорируется полностью. Netscape 4.x работает корректно, пока параметр margin не применяется к плавающим или встроенным элементам. Opera 4 имеет проблемы с правыми и левыми отступами для встроенных элементов.";
break;
case 'margin-bottom':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает величину отступа от нижнего края элемента. Отступом является расстояние от внешнего края нижней границы текущего элемента до внутренней границы его родительского элемента.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "margin-bottom: значение | auto";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Величину нижнего отступа можно указывать в пикселях (px), процентах (%) или других допустимых для CSS единицах. Значение может быть как положительным, так и отрицательным числом. Аргумент auto указывает, что размер отступов будет автоматически рассчитан браузером.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "0";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
?>
<div style="background: #008B66; color: white; padding: 10px; margin-bottom: -7px">
<big>Текст для примера.</big>
</div>
<div style="margin-left: 40px; background: #ccc; padding: 10px">
Текст2 для примера.</div>
<?
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.marginBottom";
echo "<div class='menu_razd'>Примечание</div>";
echo "Все отступы имеют проблемы или не поддерживаются полностью для встроенных элементов. В случае параметра margin-bottom, то он хорошо поддерживается для блочных элементов в Internet Explorer 4/5, но в то же время для встроенных элементов игнорируется полностью. Netscape 4.x работает корректно, пока параметр margin-bottom не применяется к плавающим или встроенным элементам. Opera 4 имеет проблемы с правыми и левыми отступами для встроенных элементов.";
break;
case 'margin-left':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает величину отступа от левого края элемента. Отступом является расстояние от внешнего края левой границы текущего элемента до внутренней границы его родительского элемента.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "margin-left: значение | auto";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Величину левого отступа можно указывать в пикселях (px), процентах (%) или других допустимых для CSS единицах. Значение может быть как положительным, так и отрицательным числом. Аргумент auto указывает, что размер отступов будет автоматически рассчитан браузером.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "0";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
?>
<div style="background: #D36037">
<div style="margin-left: 20%; background: #ccc; padding: 10px">
Текст для примера.
</div>
</div>
<?
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.marginLeft";
echo "<div class='menu_razd'>Примечание</div>";
echo "Все отступы имеют проблемы или не поддерживаются полностью для встроенных элементов. В случае параметра margin-left, то он хорошо поддерживается для блочных элементов в Internet Explorer 4/5, но в то же время для встроенных элементов игнорируется полностью. Netscape 4.x работает корректно, пока параметр margin-left не применяется к плавающим или встроенным элементам. Opera 4 имеет проблемы с правыми и левыми отступами для встроенных элементов.";
break;
case 'margin-right':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает величину отступа от правого края элемента. Отступом является расстояние от внешнего края правой границы текущего элемента до внутренней границы его родительского элемента.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "margin-right: значение | auto";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Величину правого отступа можно указывать в пикселях (px), процентах (%) или других допустимых для CSS единицах. Значение может быть как положительным, так и отрицательным числом. Аргумент auto указывает, что размер отступов будет автоматически рассчитан браузером.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "0";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
?>
<div style='background: #007083; color: white; padding: 10px;'>
Текст для примера.
</div>
<?
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.marginRight";
echo "<div class='menu_razd'>Примечание</div>";
echo "Все отступы имеют проблемы или не поддерживаются полностью для встроенных элементов. В случае параметра margin-right, то он хорошо поддерживается для блочных элементов в Internet Explorer 4/5, но в то же время для встроенных элементов игнорируется полностью. Netscape 4.x работает корректно, пока параметр margin-right не применяется к плавающим или встроенным элементам. Opera 4 имеет проблемы с правыми и левыми отступами для встроенных элементов.";
break;
case 'margin-top':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает величину отступа от верхнего края элемента. Отступом является расстояние от внешнего края нижней границы текущего элемента до внутренней границы его родительского элемента.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "margin-top: значение | auto";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Величину верхнего отступа можно указывать в пикселях (px), процентах (%) или других допустимых для CSS единицах. Значение может быть как положительным, так и отрицательным числом. Аргумент auto указывает, что размер отступов будет автоматически рассчитан браузером.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "0";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
?>
<div style="background-color: #fc3; border: 2px solid black; padding: 20px; margin-top: 20%">
Текст для примера.</div>
<?
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.marginTop";
echo "<div class='menu_razd'>Примечание</div>";
echo "Все отступы имеют проблемы или не поддерживаются полностью для встроенных элементов. В случае параметра margin-top, то он хорошо поддерживается для блочных элементов в Internet Explorer 4/5, но в то же время для встроенных элементов игнорируется полностью. Netscape 4.x работает корректно, пока параметр margin-top не применяется к плавающим или встроенным элементам. Opera 4 имеет проблемы с правыми и левыми отступами для встроенных элементов.";
break;
case 'overflow':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Свойство overflow управляет содержанием блочного элемента, если оно целиком не помещается и выходит за область заданных размеров.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "overflow: auto | hidden | scroll | visible";
echo "<div class='menu_razd'>Аргументы</div>";
echo "visible — отображается все содержание элемента, даже за пределами установленной высоты и ширины. <br>
hidden — отображается только область внутри элемента, остальное будет обрезано.<br>
scroll — всегда добавляются полосы прокрутки.<br>
auto — полосы прокрутки добавляются только при необходимости.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "visible";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
?>
<div style="overflow: scroll; width: 300px; height: 150px; border: solid 1px black">
Текст для примера.</div> 
<?
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам, у которых установлена высота с помощью параметра height.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.overflow";
echo "<div class='menu_razd'>Примечание</div>";
echo "Браузер Opera 6 не поддерживает свойство overflow: scroll.";
break;
case 'padding':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает значение полей вокруг содержимого элемента. Полем называется расстояние от внутреннего края рамки элемента до воображаемого прямоугольника, ограничивающего его содержимое. Параметр padding позволяет задать величину отступа сразу для всех сторон элемента или определить ее только для указанных сторон. ";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "padding: значение | auto {1, 4}";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Разрешается использовать одно, два, три или четыре значения, разделяя их между собой пробелом. Эффект зависит от количества аргументов и приведен в сводной таблице.";
?>
<table border='1'>
<tr><td>Число аргументов</td><td>Результат</td></tr>
<tr><td>1</td><td>Поля будут установлены для всех сторон содержимого элемента.</td></tr>
<tr><td>2</td><td>Первый аргумент устанавливает поле от верхнего и нижнего края содержимого, второй аргумент — от левого и правого.</td></tr>
<tr><td>3</td><td>Первый аргумент задает поле от верхнего края содержимого, второй — одновременно от левого и правого края, а третий — от нижнего края.</td></tr>
<tr><td>4</td><td>Поочередно устанавливаются поля от верхнего, правого, нижнего и левого края содержимого.</td></tr>
</table>
<?
echo "Величину полей можно указывать в пикселях (px), процентах (%) или других допустимых для CSS единицах. Аргумент auto указывает, что размер полей будет автоматически рассчитан браузером.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "0";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
?>
<div style="background-color: #fc3; border: 2px solid black; padding: 20px">
Текст для примера.</div>
<?
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.padding";
echo "<div class='menu_razd'>Примечание</div>";
echo "Все поля имеют проблемы или не поддерживаются полностью для встроенных элементов. Опера 3.6 игнорирует отрицательные значения параметра padding, но изменит высоту строки встроенного элемента, основываясь на некорректных значениях полей. Internet Explorer 4/5 правильно работает для блочных элементов, но встроенные элементы игнорирует полностью. Netscape 4.x работает корректно, пока параметр padding не применяется к плавающим или встроенным элементам.";
break;
case 'padding-bottom':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает значение поля от нижнего края содержимого элемента. Полем называется расстояние от внутреннего края рамки элемента до воображаемого прямоугольника, ограничивающего его содержимое.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "padding-bottom: значение | auto";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Величину нижнего поля можно указывать в пикселях (px), процентах (%) или других допустимых для CSS единицах. Аргумент auto указывает, что размер поля будет автоматически рассчитан браузером.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "0";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
?>
<div style="background-color: #fc3; border: 2px solid black; padding: 10px; padding-bottom: 40px">
Текст для примера.</div>
<?
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.paddingBottom";
echo "<div class='menu_razd'>Примечание</div>";
echo "Все поля имеют проблемы или не поддерживаются полностью для встроенных элементов. В случае параметра padding-bottom, то он хорошо поддерживается для блочных элементов в Internet Explorer 4/5, но в то же время для встроенных элементов игнорируется полностью. Netscape 4.x работает корректно, пока параметр padding-bottom не применяется к плавающим или встроенным элементам.";
break;
case 'padding-left':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает значение поля от левого края содержимого элемента. Полем называется расстояние от внутреннего края рамки элемента до воображаемого прямоугольника, ограничивающего его содержимое.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "padding-left: значение | auto";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Величину левого поля можно указывать в пикселях (px), процентах (%) или других допустимых для CSS единицах. Аргумент auto указывает, что размер поля будет автоматически рассчитан браузером.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "0";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
?>
<div style="background-color: #fc3; border: 2px solid black; padding: 10px; padding-left: 40px">
Текст для примера.</div>
<?
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.paddingLeft";
echo "<div class='menu_razd'>Примечание</div>";
echo "Все поля имеют проблемы или не поддерживаются полностью для встроенных элементов. В случае параметра padding-bottom, то он хорошо поддерживается для блочных элементов в Internet Explorer 4/5, но в то же время для встроенных элементов игнорируется полностью. Netscape 4.x работает корректно, пока параметр padding-bottom не применяется к плавающим или встроенным элементам.";
break;
case 'padding-right':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает значение поля от правого края содержимого элемента. Полем называется расстояние от внутреннего края рамки элемента до воображаемого прямоугольника, ограничивающего его содержимое.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "padding-right: значение | auto";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Величину правого поля можно указывать в пикселях (px), процентах (%) или других допустимых для CSS единицах. Аргумент auto указывает, что размер поля будет автоматически рассчитан браузером.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "0";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
?>
<div style="background-color: #fc3; border: 2px solid black; padding: 10px; padding-right: 40px">
Текст для примера.</div>
<?
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.paddingRight";
echo "<div class='menu_razd'>Примечание</div>";
echo "Все поля имеют проблемы или не поддерживаются полностью для встроенных элементов. В случае параметра padding-bottom, то он хорошо поддерживается для блочных элементов в Internet Explorer 4/5, но в то же время для встроенных элементов игнорируется полностью. Netscape 4.x работает корректно, пока параметр padding-bottom не применяется к плавающим или встроенным элементам.";
break;
case 'padding-top':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает значение поля от верхнего края содержимого элемента. Полем называется расстояние от внутреннего края рамки элемента до воображаемого прямоугольника, ограничивающего его содержимое.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "padding-top: значение | auto";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Величину верхнего поля можно указывать в пикселях (px), процентах (%) или других допустимых для CSS единицах. Аргумент auto указывает, что размер поля будет автоматически рассчитан браузером.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "0";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
?>
<div style="background-color: #fc3; border: 2px solid black; padding: 10px; padding-top: 40px">
Текст для примера.</div>
<?
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.paddingTop";
echo "<div class='menu_razd'>Примечание</div>";
echo "Все поля имеют проблемы или не поддерживаются полностью для встроенных элементов. В случае параметра padding-bottom, то он хорошо поддерживается для блочных элементов в Internet Explorer 4/5, но в то же время для встроенных элементов игнорируется полностью. Netscape 4.x работает корректно, пока параметр padding-bottom не применяется к плавающим или встроенным элементам.";
break;
case 'position':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает способ позиционирования элемента относительно окна браузера или других объектов на веб-странице.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "position: absolute | fixed | relative | static";
echo "<div class='menu_razd'>Аргументы</div>";
echo "Допустимые аргументы параметра position, их описания и поддержка браузерами приведена в таблице ниже.";
?>
<table border='1'>
<tr><td>Значение</td><td>Описание</td><td>Браузеры</td></tr>
<tr><td>absolute</td><td>Указывает, что элемент абсолютно позиционирован. В этом случае он не существует в обычном потоке документа подобно другим элементам, которые отображаются на веб-странице словно абсолютно позиционированного объекта и нет. Положение элемента задается атрибутами left, top, right и bottom относительно края окна браузера.</td><td>IE4, NС4, O4</td></tr>
<tr><td>fixed</td><td>По своим свойствам это значение аналогично аргументу absolute, но в отличие от него привязывается к указанной параметрами left, top, right и bottom точке на экране и не меняет своего положения даже при пролистывании веб-страницы. Браузеры Netscape, Mozilla и Firefox вообще не отображают полосы прокрутки, если положение элемента задано фиксированным, и оно не помещается целиком в окно браузера. В браузере Opera хотя и показываются полосы прокрутки, но они никак не влияют на позицию элемента.</td><td>NС6.1, O4</td></tr>
<tr><td>relative</td><td>Положение элемента устанавливается относительно родителя, иными словами, контейнера, в который вложен элемент. Если родительский элемент явно не задан, то в качестве него выступает окно браузера. Добавление атрибутов left, top, right и bottom изменяет позицию элемента и сдвигает его в ту или иную сторону от родителя, в зависимости от применяемого параметра.</td><td>IE4, NС4, O4</td></tr>
<tr><td>static</td><td>Элементы отображаются как обычно. Использование параметров left, top, right и bottom не приводит ни к каким результатам.</td><td>IE4, NC4, O4</td></tr>
</table>
<?
echo "Обозначения, используемые в таблице: IE — Internet Explorer; NC — Netscape; O — Opera. Число после имени браузера указывает, начиная с какой версии, поддерживается значение.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "static";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
?>
<div style="font-family: Times, serif; font-size: 200%">
Т<span style="position: relative; top: 10px">е</span>к<span style="position: relative; top: -5px; font-size: 80%">с</span>т.
</div>
<?
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.position";
echo "<div class='menu_razd'>Примечание</div>";
echo "В браузере Internet Explorer 4 добавление параметра position: absolute к ссылкам не позиционирует их, вдобавок ссылки теряют свою функциональность. Кроме того, в этом браузере абсолютное позиционирование не работает для встроенных элементов и списков, а относительное позиционирование не применяется к ячейкам таблицы (теги TD и TH). <br>
Браузер Netscape 4.x не применяет значение relative к полям формы, спискам, изображениям, таблицам или их ячейкам, абсолютное позиционирование не действует для списков или элементов форм. ";
break;
case 'right':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Для позиционированного элемента определяет расстояние от правого края родительского элемента, не включая отступ, поле и ширину рамки, до правого края дочернего элемента. Отсчет координат зависит от значения параметра position. Если его аргумент равен absolute, в качестве родителя выступает окно браузера и положение элемента определяется от его правого края. В случае значения relative, значение right отсчитывается от правого края родителя.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "right: значение | проценты | auto";
echo "<div class='menu_razd'>Аргументы</div>";
echo "В качестве значений принимаются любые единицы длины, принятые в CSS — например, пиксели (px), дюймы (in), пункты (pt) и др. Значение параметра right может быть и отрицательным, в этом случае возможны наложения разных элементов друг на друга. При задании значения в процентах, положение элемента вычисляется в зависимости от ширины родительского элемента. Аргумент auto не изменяет положение элемента.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "auto";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
?>
<style>
#left { position: absolute; top: 20px; left: 20px; width:100px; background: #fc3; border: 1px solid black; padding: 10px }
#center { position: relative; width: auto; padding: 10px; margin: 30px 210px 0px 110px; }
#right { position: absolute; top: 20px; right: 20px; width:200px; background: #fc3; border: 1px solid black; padding: 10px }
</style>
<div id=left>...</div>
<div id=center>...</div>
<div id=right>...</div>
<?
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
break;
case 'table-layout':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Определяет, как браузер должен вычислять высоту и ширину ячеек таблицы, основываясь на ее содержимом.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "table-layout: auto | fixed";
echo "<div class='menu_razd'>Аргументы</div>";
echo "auto — браузер загружает всю таблицу, анализирует ее для определения размеров ячеек и только после этого отображает.<br>
fixed — это значение повышает производительность построения таблиц. Ширина колонок в этом случае определяется либо с помощью тега COL, либо вычисляется на основе первой строки. Если данные о форматировании первой строки таблицы, по каким-либо причинам, получить невозможно, в этом случае, таблица делится на колонки равной ширины.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "auto";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
?>
<table width=700 cellspacing=0 border=1 bordercolor=black style="table-layout: fixed">
<tr> 
<td>&nbsp;</td>
<td>1995</td><td>1996</td><td>1997</td><td>1998</td>
<td>1999</td><td>2000</td><td>2001</td><td>2002</td>
<td>2003</td>
</tr>
<tr> 
<td>Нефть</td><td>5</td><td>7</td><td>2</td><td>8</td>
<td>3</td><td>34</td><td>62</td><td>74</td><td>57</td>
</tr>
<tr>
<td>Золото</td><td>3</td> <td>6</td><td>4</td><td>6</td>
<td>4</td><td>69</td><td>72</td><td>56</td><td>47</td>
</tr>
<tr>
<td>Дерево</td><td>5</td><td>8</td><td>3</td><td>4</td>
<td>7</td><td>73</td><td>79</td><td>34</td><td>86</td>
</tr>
</table>
<?
echo "<div class='menu_razd'>Применяется</div>";
echo "К элементу TABLE.";
break;
case 'text-align':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Определяет горизонтальное выравнивание текста в пределах элемента. Этот атрибут наследуется, поэтому может быть установлен для целого блока, для воздействия на все вложенные в него элементы.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "text-align: center | justify | left | right";
echo "<div class='menu_razd'>Аргументы</div>";
echo "center — выравнивание по центру;<br>
justify — одновременное выравнивание по левому и правому краю, в этом случае браузер добавляет пробелы между словами;<br>
left — выравнивание по левому краю;<br>
right — выравнивание по правому краю.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "left";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
?>
<div style="text-align: justify">Текст для примера. Текст для примера. Текст для примера. Текст для примера. Текст для примера. Текст для примера. Текст для примера.</div>
<?
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.textAlign";
echo "<div class='menu_razd'>Примечание</div>";
echo "В Netscape 4 при размещении текста в таблице со значением justify, текст может и не выравниваться по ширине, но в остальных случаях все работает корректно.";
break;
case 'text-decoration':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Добавляет оформление текста в виде его подчеркивания, перечеркивания, линии над текстом и мигания. Одновременно можно применить более одного стиля, перечисляя значения через пробел.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "text-decoration: blink | line-through | overline | underline | none";
echo "<div class='menu_razd'>Аргументы</div>";
echo "blink — мигающий текст;<br>
line-through — перечеркнутый текст;<br>
overline — линия проходит над текстом.<br>
underline — подчеркнутый текст;<br>
none — отменяет все эффекты.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "none";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
?>
<style>
a { text-decoration: none }
a:hover { text-decoration: underline }
</style> 
<a href='/css/css.php?info=text-decoration'>Текст для пример</a>.
<?
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.textDecoration<br> 
[window.]document.getElementById('elementID').style.textDecorationBlink<br> 
[window.]document.getElementById('elementID').style.textDecorationLineThrough<br> 
[window.]document.getElementById('elementID').style.textDecorationNone<br> 
[window.]document.getElementById('elementID').style.textDecorationOverLine <br> 
[window.]document.getElementById('elementID').style.textDecorationUnderline";
echo "<div class='menu_razd'>Примечание</div>";
echo "Браузер Netscape 4.x не поддерживает аргумент overline, Internet Explorer хотя и позволяет использовать значение blink, текст показывает как обычно, без всякого мерцания.
Согласно спецификации CSS, если для элемента задан вид форматирования, а для его наследника нет, все равно свойства родителя будут передаваться его вложенным элементам. Так, если используется подчеркнутый параграф, а внутри него расположен неподчеркнутый элемент color, выделяющий слово другим цветом, все слова в параграфе будут подчеркнуты, включая и выделенные другим цветом слова. На практике, однако, установка text-decoration: none уберет все эффекты, независимо от оформления родительского элемента. Единственные исключения — браузеры Opera и Internet Explorer 5 для Macintosh, которые выполняют эту часть спецификации правильно. Opera 4/5 и Netscape 6 не изменяют параметры изображений внутри тега SPAN при задании параметров оформления родительского элемента. Вдобавок, Netscape 6 не распространяет оформление родительского элемента на дочерние, а переносит только подчеркивание.
Несмотря на кажущуюся простоту проблемы, особенность параметра text-decoration является головной болью для разработчиков сайтов. ";
break;
case 'text-indent':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает величину отступа первой строки блока текста (например, для параграфа P). Воздействия на все остальные строки не оказывается. Допускается отрицательное значение для создания выступа первой строки, но следует проверить, чтобы текст не выходил за пределы окна браузера.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "text-indent: значение | проценты";
echo "<div class='menu_razd'>Аргументы</div>";
echo "В качестве значений принимаются любые единицы длины, принятые в CSS — например, пиксели (px), дюймы (in), пункты (pt) и др. При задании значения в процентах, отступ первой строки вычисляется в зависимости от ширины блока. Допустимо использовать отрицательные значения, но при этом в разных браузерах возможно появление ошибок.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "0";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
?>
<div style="text-indent: 5em">Текст для примера.</div>
<?
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.textIndent";
break;
case 'text-transform':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Управляет преобразованием текста элемента в заглавные или прописные символы. Когда значение отлично от none, регистр исходного текста будет изменен.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "text-transform: capitalize | lowercase | uppercase | none";
echo "<div class='menu_razd'>Аргументы</div>";
echo "none — текст пишется как есть, без каких-либо изменений. <br>
capitalize — каждое слово будет начинаться с заглавного символа.<br>
lowercase — все символы становятся строчными (нижний регистр).<br>
uppercase — все символы становятся прописными (верхний регистр).";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "none";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
?>
<style>
h1 { text-transform: uppercase; }
p { text-transform: capitalize; }
</style>
<h1>Lorem ipsum dolor sit amet</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>

<?
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.textTransform";
break;
case 'top':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Для позиционированного элемента определяет расстояние от верхнего края родительского элемента, не включая отступ, поле и ширину рамки, до верхнего края дочернего элемента. Отсчет координат зависит от значения параметра position. Если его аргумент равен absolute, в качестве родителя выступает окно браузера и положение элемента определяется от его левого края. В случае значения relative, значение left отсчитывается от левого края родителя.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "top: значение | проценты | auto";
echo "<div class='menu_razd'>Аргументы</div>";
echo "В качестве значений принимаются любые единицы длины, принятые в CSS — например, пиксели (px), дюймы (in), пункты (pt) и др. Значение параметра top может быть и отрицательным, в этом случае возможны наложения разных элементов друг на друга. При задании значения в процентах, положение элемента вычисляется в зависимости от высоты родительского элемента. Аргумент auto не изменяет положение элемента.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "auto";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
?>
<style>
#menu { position: absolute; left: 350px; top: 50px; width: 120px; background: #e0e0e0; border: solid 1px black; text-align: left; }
#content { position: absolute; left: 0px; top: 0px; width: 400px; background: #800000; color: white; text-align: left; }
</style> 
<div id=content>...</div>
<div id=menu>...</div>
<?
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.top";
break;
case 'vertical-align':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Выравнивает элемент по вертикали относительно своего родителя.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "vertical-align: baseline | bottom | middle | sub | super | text-bottom | text-top | top | значение | проценты";
echo "<div class='menu_razd'>Аргументы</div>";
echo "baseline — выравнивает базовую линию текущего элемента по базовой линии родителя. Если родительский элемент не имеет базовой линии, то за нее принимается нижняя граница элемента.<br>
bottom — выравнивает основание текущего элемента по нижней части элемента строки, расположенного ниже всех.<br>
middle — выравнивание средней точки элемента по базовой линии родителя плюс половина высоты родительского элемента.<br>
sub — элемент изображается как подстрочный, в виде нижнего индекса. Размер шрифта при этом не меняется.<br>
super — элемент изображается как надстрочный, в виде верхнего индекса. Размер шрифта остается прежним.<br>
text-bottom — нижняя граница элемента выравнивается по самому нижнему краю текущей строки.<br>
text-top — верхняя граница элемента выравнивается по самому высокому текстовому элементу текущей строки.<br>
top — выравнивание верхнего края элемента по верху самого высокого элемента строки.<br>
В качестве значения можно использовать проценты, пикселы или другие доступные единицы. Положительный аргумент смещает элемент вверх относительно базовой линии, в то время как отрицательное значение опускает его вниз. Не все браузеры поддерживают такой способ записи, в частности, Internet Explorer и Netscape только с шестой версии.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "baseline";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
?>
<div style="font-family: Times, serif; font-size: 200%">
П<span style="vertical-align: sub">р</span>и<span style="vertical-align: 5px; font-size: 80%">в<span>е<span style="vertical-align: sub">т</span>.
</div>
<?
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.verticalAlign ";
break;
case 'visibility':
echo "<div class='p_m'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Предназначен для отображения или скрытия элемента, включая рамку вокруг него и фон. При скрытии элемента, хотя он и становится не виден, место, которое элемент занимает, остается за ним. Если предполагается вывод разных элементов в одно и то же место экрана, для обхода этой особенности следует использовать абсолютное позиционирование или воспользоваться свойством display.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "visibility: inherit | visible | hidden | collapse";
echo "<div class='menu_razd'>Аргументы</div>";
echo "inherit — устанавливает значение этого свойства, как у родительского элемента.<br>
visible — отображение элемента.<br>
hidden — элемент становится невидимым или правильней сказать, полностью прозрачным, поскольку он продолжает участвовать в форматировании страницы. <br>
collapse — если это значение применяется не к строкам или колонкам таблицы, то результат его использования будет таким же, как hidden. В случае использования collapse для содержимого ячеек таблиц, то они реагируют, словно к ним было добавлено стилевое свойство display: none. Иными словами, заданные строки и колонки убираются, а таблица перестраивается по новой. Этот аргумент не поддерживается браузером Internet Explorer.";
echo "<div class='menu_razd'>Значение по умолчанию</div>";
echo "visible";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
?>
<script language="JavaScript"> 
function hiddenLayer() {
document.getElementById("descr").style.visibility = "hidden";
}

function showLayer() {
document.getElementById("descr").style.visibility = "visible";
}
</script>
<a href=# onMouseOver="showLayer()" onMouseOut="hiddenLayer()"><img src=button.gif width=98 height=33 border=0></a>
<div id=descr style="visibility: hidden">Данная эксклюзия является подмножеством астрациональных супремативных монотенных федоний кадонарного экстрафазория.</div>
<?
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.visibility";
echo "<div class='menu_razd'>Примечание</div>";
echo "В браузере Netscape 4.x свойство visibility не применяется к элементам списка, полям форм, изображениям и таблицам.";
break;
case 'white-space':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Параметр white-space устанавливает, как отображать пробелы между словами. В обычных условиях любое количество пробелов в коде HTML показывается на веб-странице как один. Исключением является тег PRE, помещенный в этот контейнер текст выводится со всеми пробелами, как он был отформатирован пользователем. Таким образом, white-space имитирует работу тега PRE, но в отличие от него не меняет шрифт на моноширинный.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "white-space: normal | nowrap | pre";
echo "<div class='menu_razd'>Аргументы</div>";
echo "normal — текст в окне браузера выводится как обычно, переносы строк устанавливаются автоматически.<br>
nowrap — переносы строк в коде HTML игнорируются, весь текст отображается одной строкой, вместе с тем, добавление тега BR переносит текст на новую строку.<br>
pre — текст показывается с учетом всех пробелов и переносов, как они были добавлены разработчиком в коде HTML.";
echo "normal";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
?>
<div style="white-space: pre">
<b>Великая теорема Ферма</b><br>
<i>X <sup><small>n</small></sup> 
+ Y <sup><small>n</small></sup> = 
Z <sup><small>n</small></sup></i><br>
где n - целое число > 2
</div>
<?
echo "<div class='menu_razd'>Применяется</div>";
echo "К блочным элементам.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.whiteSpace";
echo "<div class='menu_razd'>Примечание</div>";
echo "Значение nowrap не доступно в браузере Netscape 4.";
break;
case 'width':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает ширину блочных или заменяемых элементов (к ним, например, относится тег IMG). Ширина не включает толщину границ вокруг элемента, значение отступов и полей. 
Разные браузеры неодинаково работают с шириной элемента. Так, если содержимое элемента превышает его заданную ширину, то Internet Explorer и Opera используют для атрибута width значение auto. Браузеры Netscape, Mozilla, Firefox оставляют указанную ширину неизменной, а содержимое при этом выходит за границы элемента и отображается поверх. Для встроенных элементов получается наоборот. Если ширина задана заведомо больше содержимого, то Internet Explorer и Opera отобразят область согласно присвоенному значению, а остальные браузеры атрибут width проигнорируют.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "width: значение | проценты | auto";
echo "<div class='menu_razd'>Аргументы</div>";
echo "В качестве значений принимаются любые единицы длины, принятые в CSS — например, пикселы (px), дюймы (in), пункты (pt) и др. При использовании процентной записи ширина элемента вычисляется в зависимости от ширины родительского элемента. Если родитель явно не указан, то в его качестве выступает окно браузера. Аргумент auto устанавливает ширину исходя из типа и содержимого элемента. Например, для тега DIV, ширина по умолчанию задается как 100%.";
echo "auto";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
?>
<div style="width: 80%; background: #fc0; padding: 7px; border: 1px solid #ccc">
<div style="width: 300px">Текст для примера.</div>
</div>
<?
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам, за исключением встроенных незаменяемых элементов, колонкам и группам таблицы.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.width";
echo "<div class='menu_razd'>Примечание</div>";
echo "Браузер Internet Explorer 4 не применяет свойство width к встроенным элементам, списками и некоторым элементам форм, вроде флажков, переключателей и текстовых полей. Netscape 4 не применяет указанное свойство для полей форм и заменяемых элементов. В браузере Opera 3.5 этот параметр не дает никакого эффекта для встроенных элементов, полей формы и таблиц.";
break;
case 'word-spacing':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Устанавливает интервал между словами. Если установлен параметр выравнивания justify, то атрибут word-spacing не действует, поскольку интервал между словами будет установлен принудительно, чтобы строка текста была выровнена по правому и левому краю.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "word-spacing: значение | normal";
echo "<div class='menu_razd'>Аргументы</div>";
echo "В качестве значений принимаются любые единицы длины, принятые в CSS — например, пиксели (px), дюймы (in), пункты (pt) и др. Значение параметра может быть и отрицательным, но следует проверять работоспособность в разных браузерах. Процентная запись не применима.";
echo "normal";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
?>
<div style="word-spacing: 20px">Текст для примера.</div>
<?
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам, за исключением встроенных незаменяемых элементов, колонкам и группам таблицы.";
break;
case 'z-index':
echo "<div class='anton'><img src='/css/img/back.png'> <a href='/css/css.php'>Назад</a></div>";
echo "<div class='menu_razd'>Описание</div>";
echo "Любые позиционированные элементы на веб-странице могут накладываться друг на друга в определенном порядке, имитируя тем самым третье измерение, перпендикулярное экрану. Каждый элемент может находиться как ниже, так и выше других объектов веб-страницы, их размещением по z-оси и управляет атрибут z-index.";
echo "<div class='menu_razd'>Синтаксис</div>";
echo "z-index: число | auto";
echo "<div class='menu_razd'>Аргументы</div>";
echo "В качестве аргумента допустимо использовать положительное или отрицательно целое число, а также ноль. Чем больше значение, тем выше находится элемент по сравнению с теми элементами, у которых оно меньше. При равном значении z-index, на переднем плане находится тот элемент, который в коде HTML описан ниже. Хотя спецификация и разрешает использовать отрицательные значения z-index, но такие элементы не отображаются в браузерах Netscape, Mozilla и Firefox.
Кроме числовых значений применяется auto — порядок элементов в этом случае строится автоматически, исходя из их положения в коде HTML и принадлежности к родителю, поскольку дочерние элементы имеют тот же номер, что их родительский элемент.";
echo "auto";
echo "<div class='menu_razd'>Наследование</div>";
echo "Значения, присвоенные данному параметру, не наследуются.";
echo "<div class='menu_razd'>Пример</div>";
?>
Слой 1 наверху
<div style="position:relative; font-size:50px; z-index:2; color: navy">Слой 1</div>
<div style="position:relative; top:-55; left:5; color:orange; font-size:70px; z-index:1">Слой 2</div> 
Слой 2 наверху 
<div style="position:relative; font-size:50px; z-index:3; color: navy">Слой 2</div>
<div style="position:relative; top:-55; left:5; color:orange; font-size:70px; z-index:4">Слой 1</div> 
<?
echo "<div class='menu_razd'>Применяется</div>";
echo "Ко всем элементам, за исключением встроенных незаменяемых элементов, колонкам и группам таблицы.";
echo "<div class='menu_razd'>Объектная модель</div>";
echo "[window.]document.getElementById('elementID').style.zIndex";
echo "<div class='menu_razd'>Примечание</div>";
echo "Список, созданный с помощью тега SELECT, в браузере Internet Exolorer всегда отображается поверх других элементов, несмотря на значение z-index. Только начиная с версии 5.5, Internet Explorer допускает применение атрибута z-index к фреймам (тег FRAME) и плавающим фреймам (IFRAME). Браузер Netscape 4.x поля форм всегда отображает поверх всех других элементов веб-страницы, независимо от заданного z-index.";
break;
}
include_once '../sys/inc/tfoot.php';
?>