function kka()
{
slider_set_value(window.sliders[0]);
slider_set_value(window.sliders[1]);
slider_set_value(window.sliders[2]);
t=document.getElementById('form1').slider1.value;
y=document.getElementById('form1').slider2.value;
u=document.getElementById('form1').slider3.value;
g='rgb('+t+', '+y+', '+u+')';
g2='#'+t+y+u;
document.getElementById('form1').sliderl.value=g2;
document.getElementById('ee').style.backgroundColor=g2;
}


var inputs = 0;
function ap(id)
{

var dt = document.getElementById(id);
var dd = document.createElement('dd');
var te1 = document.createElement('input');
var te2 = document.createElement('textarea');
var a1 = document.createElement('a');
var a2 = document.createElement('a');
var plus = document.createTextNode(' +');
var pp = document.createTextNode(' || ');
var minus = document.createTextNode('-');
var ravno = document.createTextNode('=');
var ne = document.createTextNode('new');

te1.setAttribute('size', '25');
te1.setAttribute('name', 'xaj'+inputs);
te1.setAttribute('type', 'text');
te1.setAttribute('value', 'new');
te1.onBlur = function(){clr(a=this);} 
te1.onFocus = function(){help(a=this);} 

te2.setAttribute('cols', '40');
te2.setAttribute('rows', '2');
te2.setAttribute('name', 'znj'+inputs);

a1.setAttribute('href', "javascript:ap('"+id+"');");
a1.setAttribute('class', 'pl');
a2.setAttribute('href', 'javascript:dp();');
a2.onclick = function(){dp(dd);}
a2.setAttribute('class', 'mi');
dt.appendChild(dd);
dd.appendChild(te1);
dd.appendChild(ravno);
dd.appendChild(te2);
dd.appendChild(a1);
dd.appendChild(pp);
dd.appendChild(a2);
a1.appendChild(plus);
a2.appendChild(minus);
te2.appendChild(ne);
inputs++;
}

function dp(dd)
{
dd.parentNode.removeChild(dd);
}

count=0;
function ae(id)
{
var form = document.getElementById(id);
var dt = document.createElement('dt');
var input = document.createElement('input');
input.setAttribute('name', 'elj'+count);
input.setAttribute('value', 'new');
count++;
form.appendChild(dt);
dt.appendChild(input);
}






t=0;
a=0;
hh=0;
function clr(a)
{
var blok = document.getElementById('help');
hh=a;
if(a==0)
{} else
{a.style.borderColor='red';}
blok.childNodes[0].nodeValue='Описание, тодсказки и советы по свойствам стиля CSS. Для автоматического заполнения свойства стиля кликните на нужную ячейку(высветится зеленым), а потом выберите свойство из выпадающего меню сверху (ячейка будет красной), после клика по следующей ячейке свойства стиля предыдущая станет синего цвета (означает - возможно было изменение).';
}

function clrk(a)
{
if(a==0)
{} else 
{
a.style.borderColor='blue';
t=0;
a=0;
hh=0;
}
}

function rst(b)
{
b.options[0].selected='true';
clrk(a=hh);
}

locas=0;
fhg='0';
function help(a, b)
{

var blok = document.getElementById('help');
if(a==0)
{} else
{
t=a;
fhg=a.value;
locas=fhg.toLowerCase();
a.style.borderColor='green';
}

if(sele.options[sele.selectedIndex].value=='background'||locas=='background')
	{
	blok.childNodes[0].nodeValue='Удобное свойство для установки сразу всех параметров фона. Если какие либо параметры будут пропущены, то берутся их значения по умолчанию. Значение: background-color - значение цвета фона. background-image - значение фонового изображения. background-repeat - значение повторения фонового изображения. background-attachment - значение фиксации фонового изображения. background-position - значение положения фонового изображения. inherit - применяется значение родительского элемента. Пример: body{background:black url(graf/bomba.jpg) center no-repeat;}';
	t.value='background';
	} 
if(sele.options[sele.selectedIndex].value=='background-attachment'||locas=='background-attachment')
	{
	blok.childNodes[0].nodeValue='Определяет, будет ли фоновое изображение зафиксировано в окне браузера или будет прокручиваться вместе с документом.  Значение: scroll - фоновое изображение прокручивается вместе с документом (по умолчанию)  fixed - фоновое изображение фиксируется в окне браузера.  inherit - применяется значение родительского элемента.  Пример: body{background-image: url(pictures.gif); background-attachment: fixed;} ';
	t.value='background-attachment';
	} 
if(sele.options[sele.selectedIndex].value=='background-color'||locas=='background-color')
	{
	blok.childNodes[0].nodeValue='Определяет цвет фона. Значение: любое соответствующее стандарту значение цвета (#000000 - #FFFFFF,  rgb(0, 0, 0) - rgb(255, 255, 255), red, green, blue, purple, yellow ...).  transparent - фон элемента делается прозрачным (по умолчанию).  inherit - применяется значение родительского элемента. body{background-color: black}';
	t.value='background-color';
	}
if(sele.options[sele.selectedIndex].value=='background-image'||locas=='background-image')
	{
	blok.childNodes[0].nodeValue='Определяет фоновое изображение элемента. Значение: none - фоновое изображение не устанавливается.  любое соответствующее стандарту значение URL фонового изображение. inherit - применяется значение родительского элемента. Пример: h1{background-image: url(pictures.gif)} ';
	t.value='background-image';
	}
if(sele.options[sele.selectedIndex].value=='background-position'||locas=='background-position')
	{
	blok.childNodes[0].nodeValue='Определяет положение изображения относительно верхнего левого угла содержащего его элемента. Одиночное значение устанавливает расстояние по горизонтали и вертикали. Смещение по умолчанию равно 50%. Возможно сочетание нескольких ключевых слов. Значение: Первое стандартное значение длины - расстояние по горизонтали от левого края элемента до изображения. Допускаются и отрицательные значения.  Второе, соответствующее стандарту значение длины - расстояние по вертикали от левого края элемента до изображения. Допускаются и отрицательные значения.  Первое, соответствующее стандарту процентное значение - отношение (в процентах) смещения фонового изображение от левого края по горизонтали к длине содержащего его элемента. Значение по умолчанию 0%, что равносильно верхнему левому углу.  Второе, соответствующее стандарту процентное значение - отношение (в процентах) смещения фонового изображения от левого края по вертикали к высоте содержащего его элемента.  top - размещение фонового изображение по верхнему краю.  center - размещение фонового изображение по центру содержащего его элемента.  bottom - размещение фонового изображения по нижнему краю.  left - размещение фонового изображение по левому краю.  light - размещение фонового изображение по правому краю.  inherit - применяется значение родительского элемента.  Пример: body {background-image : url(pictures.gif); background-position : center;}';
	t.value='background-position';
	}
if(sele.options[sele.selectedIndex].value=='background-repeat'||locas=='background-repeat')
	{
	blok.childNodes[0].nodeValue='Определяет направление, по которому экран будет заполняться копиями фонового изображения. Значение: repeat - фоновое изображение повторяется по горизонтали и по ветикали (по умалчанию).  repeat-x - фоновое изображение повторяется только по горизонтали.  repeat-y - фоновое изображение повторяется только по вертикали.  no-repeat - фоновое изображение не повторяется.  inherit - применяется значение родительского элемента. Пример: body {background-image: url(pictures.gif); background-repeat: repeat-x }';
	t.value='background-repeat';
	}
if(sele.options[sele.selectedIndex].value=='border'||locas=='border')
	{
	blok.childNodes[0].nodeValue='Удобное свойство для определения рамки сразу со всех сторон элемента. Значение устанавливается одинаковыми для всех его сторон. Значение: border-width - толщина границ. border-style - стиль границ. border-color - цвет границ. inherit - применяется значение родительского элемента. Пример: p{ border:1px solid red;}';
	t.value='border';
	}
if(sele.options[sele.selectedIndex].value=='border-bottom'||locas=='border-bottom')
	{
	blok.childNodes[0].nodeValue='border-top, border-right, border-bottom, border-left Удобное свойство для установки нескольких свойств линии рамки для определенной стороны (соответственно верхней, правой, нижней и левой). Каждое отдельное свойство применяется к указанной для него стороне. следующие определения относятся к верхней стороне.  Значение: border-top-width - ширина верхней рамки. border-top-style - стиль верхней рамки. border-top-color - цвет верхней рамки. inherit - применяется значение родительского элемента. Пример: p{border-top: 1px solid red;}';
	t.value='border-bottom';
	}
if(sele.options[sele.selectedIndex].value=='border-left'||locas=='border-left')
	{
	blok.childNodes[0].nodeValue='border-top, border-right, border-bottom, border-left Удобное свойство для установки нескольких свойств линии рамки для определенной стороны (соответственно верхней, правой, нижней и левой). Каждое отдельное свойство применяется к указанной для него стороне. следующие определения относятся к верхней стороне.  Значение: border-top-width - ширина верхней рамки. border-top-style - стиль верхней рамки. border-top-color - цвет верхней рамки. inherit - применяется значение родительского элемента. Пример: p{border-top: 1px solid red;}';
	t.value='border-left';
	}
if(sele.options[sele.selectedIndex].value=='border-right'||locas=='border-right')
	{
	blok.childNodes[0].nodeValue='border-top, border-right, border-bottom, border-left Удобное свойство для установки нескольких свойств линии рамки для определенной стороны (соответственно верхней, правой, нижней и левой). Каждое отдельное свойство применяется к указанной для него стороне. следующие определения относятся к верхней стороне.  Значение: border-top-width - ширина верхней рамки. border-top-style - стиль верхней рамки. border-top-color - цвет верхней рамки. inherit - применяется значение родительского элемента. Пример: p{border-top: 1px solid red;}';
	t.value='border-right';
	}
if(sele.options[sele.selectedIndex].value=='border-top'||locas=='border-top')
	{
	blok.childNodes[0].nodeValue='border-top, border-right, border-bottom, border-left Удобное свойство для установки нескольких свойств линии рамки для определенной стороны (соответственно верхней, правой, нижней и левой). Каждое отдельное свойство применяется к указанной для него стороне. следующие определения относятся к верхней стороне.  Значение: border-top-width - ширина верхней рамки. border-top-style - стиль верхней рамки. border-top-color - цвет верхней рамки. inherit - применяется значение родительского элемента. Пример: p{border-top: 1px solid red;}';
	t.value='border-top';
	}
if(sele.options[sele.selectedIndex].value=='border-bottom-color'||locas=='border-bottom-color')
	{
	blok.childNodes[0].nodeValue='border-top-color, border-right-color, border-bottom-color, border-left-color Устанавливает цвет рамки для определенной стороны (соответственно верхней, правой, нижней и левой). Рамка проходит между полем и основной частью элемента. Значение: любое соответствующее стандарту значение цвета.  inherit - применяется значение родительского элемента.  p { border-top-color: red}';
	t.value='border-bottom-color';
	}
if(sele.options[sele.selectedIndex].value=='border-left-color'||locas=='border-left-color')
	{
	blok.childNodes[0].nodeValue='border-top-color, border-right-color, border-bottom-color, border-left-color Устанавливает цвет рамки для определенной стороны (соответственно верхней, правой, нижней и левой). Рамка проходит между полем и основной частью элемента. Значение: любое соответствующее стандарту значение цвета.  inherit - применяется значение родительского элемента.  p { border-top-color: red}';
	t.value='border-left-color';
	}
if(sele.options[sele.selectedIndex].value=='border-right-color'||locas=='border-right-color')
	{
	blok.childNodes[0].nodeValue='border-top-color, border-right-color, border-bottom-color, border-left-color Устанавливает цвет рамки для определенной стороны (соответственно верхней, правой, нижней и левой). Рамка проходит между полем и основной частью элемента. Значение: любое соответствующее стандарту значение цвета.  inherit - применяется значение родительского элемента.  p { border-top-color: red}';
	t.value='border-right-color';
	}
if(sele.options[sele.selectedIndex].value=='border-top-color'||locas=='border-top-color')
	{
	blok.childNodes[0].nodeValue='border-top-color, border-right-color, border-bottom-color, border-left-color Устанавливает цвет рамки для определенной стороны (соответственно верхней, правой, нижней и левой). Рамка проходит между полем и основной частью элемента. Значение: любое соответствующее стандарту значение цвета.  inherit - применяется значение родительского элемента.  p { border-top-color: red}';
	t.value='border-top-color';
	}
if(sele.options[sele.selectedIndex].value=='border-bottom-style'||locas=='border-bottom-style')
	{
	blok.childNodes[0].nodeValue='border-top-style, border-right-style, border-bottom-style, border-left-style Устанавливает стиль рамки для определенной стороны (соответственно верхней, правой, нижней и левой). Рамка проходит между полем и основной частью элемента. Значение: none - линия отсутствует.  hidden - линия тоже отсутствует, но для таблицы это значение действует по другому. dotted - пунктирная линия. dashed - штрихпунктирная линия. solid - сплошная непрерывная линия. double - двойная сплошная линия. groove - трехмерная борозда. ridge - трехмерный гребень. inset - трехмерная вырезка. outset - трехмерный орнамент. inherit - применяется значение родительского элемента. p{ border-top-style: double; }';
	t.value='border-bottom-style';
	}
if(sele.options[sele.selectedIndex].value=='border-left-style'||locas=='border-left-style')
	{
	blok.childNodes[0].nodeValue='border-top-style, border-right-style, border-bottom-style, border-left-style Устанавливает стиль рамки для определенной стороны (соответственно верхней, правой, нижней и левой). Рамка проходит между полем и основной частью элемента. Значение: none - линия отсутствует.  hidden - линия тоже отсутствует, но для таблицы это значение действует по другому. dotted - пунктирная линия. dashed - штрихпунктирная линия. solid - сплошная непрерывная линия. double - двойная сплошная линия. groove - трехмерная борозда. ridge - трехмерный гребень. inset - трехмерная вырезка. outset - трехмерный орнамент. inherit - применяется значение родительского элемента. p{ border-top-style: double; }';
	t.value='border-left-style';
	}
if(sele.options[sele.selectedIndex].value=='border-right-style'||locas=='border-right-style')
	{
	blok.childNodes[0].nodeValue='border-top-style, border-right-style, border-bottom-style, border-left-style Устанавливает стиль рамки для определенной стороны (соответственно верхней, правой, нижней и левой). Рамка проходит между полем и основной частью элемента. Значение: none - линия отсутствует.  hidden - линия тоже отсутствует, но для таблицы это значение действует по другому. dotted - пунктирная линия. dashed - штрихпунктирная линия. solid - сплошная непрерывная линия. double - двойная сплошная линия. groove - трехмерная борозда. ridge - трехмерный гребень. inset - трехмерная вырезка. outset - трехмерный орнамент. inherit - применяется значение родительского элемента. p{ border-top-style: double; }';
	t.value='border-right-style';
	}
if(sele.options[sele.selectedIndex].value=='border-top-style'||locas=='border-top-style')
	{
	blok.childNodes[0].nodeValue='border-top-style, border-right-style, border-bottom-style, border-left-style Устанавливает стиль рамки для определенной стороны (соответственно верхней, правой, нижней и левой). Рамка проходит между полем и основной частью элемента. Значение: none - линия отсутствует.  hidden - линия тоже отсутствует, но для таблицы это значение действует по другому. dotted - пунктирная линия. dashed - штрихпунктирная линия. solid - сплошная непрерывная линия. double - двойная сплошная линия. groove - трехмерная борозда. ridge - трехмерный гребень. inset - трехмерная вырезка. outset - трехмерный орнамент. inherit - применяется значение родительского элемента. p{ border-top-style: double; }';
	t.value='border-top-style';
	}
if(sele.options[sele.selectedIndex].value=='border-bottom-width'||locas=='border-bottom-width')
	{
	blok.childNodes[0].nodeValue='border-top-width, border-right-width, border-bottom-width, border-left-width Устанавливает ширину рамки для определенной стороны (соответственно верхней , правой, нижней и левой). Рамка проходит между полем и основной частью элемента. Значение: thin - рамка в виде тонкой линии. medium - рамка в виде линии средней толщены. (по умолчанию) thick - рамка виде толстой линии. inherit - применяется значение родительского элемента. p { border-top-width: 5px }';
	t.value='border-bottom-width';
	}
if(sele.options[sele.selectedIndex].value=='border-left-width'||locas=='border-left-width')
	{
	blok.childNodes[0].nodeValue='border-top-width, border-right-width, border-bottom-width, border-left-width Устанавливает ширину рамки для определенной стороны (соответственно верхней , правой, нижней и левой). Рамка проходит между полем и основной частью элемента. Значение: thin - рамка в виде тонкой линии. medium - рамка в виде линии средней толщены. (по умолчанию) thick - рамка виде толстой линии. inherit - применяется значение родительского элемента. p { border-top-width: 5px }';
	t.value='border-left-width';
	}
if(sele.options[sele.selectedIndex].value=='border-right-width'||locas=='border-right-width')
	{
	blok.childNodes[0].nodeValue='border-top-width, border-right-width, border-bottom-width, border-left-width Устанавливает ширину рамки для определенной стороны (соответственно верхней , правой, нижней и левой). Рамка проходит между полем и основной частью элемента. Значение: thin - рамка в виде тонкой линии. medium - рамка в виде линии средней толщены. (по умолчанию) thick - рамка виде толстой линии. inherit - применяется значение родительского элемента. p { border-top-width: 5px }';
	t.value='border-right-width';
	}
if(sele.options[sele.selectedIndex].value=='border-top-width'||locas=='border-top-width')
	{
	blok.childNodes[0].nodeValue='border-top-width, border-right-width, border-bottom-width, border-left-width Устанавливает ширину рамки для определенной стороны (соответственно верхней , правой, нижней и левой). Рамка проходит между полем и основной частью элемента. Значение: thin - рамка в виде тонкой линии. medium - рамка в виде линии средней толщены. (по умолчанию) thick - рамка виде толстой линии. inherit - применяется значение родительского элемента. p { border-top-width: 5px }';
	t.value='border-top-width';
	}
if(sele.options[sele.selectedIndex].value=='border-collapse'||locas=='border-collapse')
	{
	blok.childNodes[0].nodeValue='Определяет отображение табличных границ на экране. Значение: collapse - смежные границы табличных ячеек превращаются в одну общую границу (по умолчанию). separate - смежные границы ячеек таблицы остаются отдельными. inherit - принимается значение родительского элемента. table {border-collapse: separate}';
	t.value='border-collapse';
	}
if(sele.options[sele.selectedIndex].value=='border-color'||locas=='border-color')
	{
	blok.childNodes[0].nodeValue='Удобное свойство для установки цвета рамки сразу для всех сторон элемента. У этого свойства может быть от одного до четырех значений. Если имеется только одно значение, то оно будет присвоено сразу ко всем сторонам рамки. Если два значения, то первое из них присваивается верхней и нижней стороне, а второе - левой и правой. Если же три, то первое значение присваивается верхней стороне, второе - левой и правой, а третье - нижней стороне рамки. Значение: border-top-color -цвет верхней стороны. border-right-color - цвет правой стороны. border-bottom-color - цвет нижней стороны. border-left-color - цвет левой стороны. inherit - применяется значение родительского элемента. p{ border-color: red, blue, red, blue}';
	t.value='border-color';
	}
if(sele.options[sele.selectedIndex].value=='border-spacing'||locas=='border-spacing')
	{
	blok.childNodes[0].nodeValue='Определяет интервалы между табличными границами. Если имеется только одно значение, то оно будет применено и к горизонтальному, и к вертикальному направлению. Значение: Первая длина, соответствующая стандартам, расстояние по горизонтали между границами табличных ячеек. Вторая длина, соответствующая стандартам, расстояние по вертикали между границами табличных ячеек. inherit - принимается значение родительского элемента. table {border-spacing: 4px}';
	t.value='border-spacing';
	}
if(sele.options[sele.selectedIndex].value=='border-style'||locas=='border-style')
	{
	blok.childNodes[0].nodeValue='Удобное свойство для установки стиля рамки сразу для всех сторон элемента. У этого свойства может быть от одного до четырех значений. Если имеется только одно значение, то оно будет присвоено сразу ко всем сторонам рамки. Если два значения, то первое из них присваивается верхней и нижней стороне, а второе - левой и правой. Если же три, то первое значение присваивается верхней стороне, второе - левой и правой, а третье - нижней стороне рамки. Значение: border-top-style - стиль верхней стороны. border-right-style - стиль правой стороны. border-bottom-style - стиль нижней стороны. border-left-style - стиль левой стороны. inherit - применяется значение родительского элемента. p{ border-style: double, solid}';
	t.value='border-style';
	}
if(sele.options[sele.selectedIndex].value=='border-width'||locas=='border-width')
	{
	blok.childNodes[0].nodeValue='Удобное свойство для установки ширены рамки сразу для всех сторон элемента. У этого свойства может быть от одного до четырех значений. Если имеется только одно значение, то оно будет присвоено сразу ко всем сторонам рамки. Если два значения, то первое из них присваивается верхней и нижней стороне, а второе - левой и правой. Если же три, то первое значение присваивается верхней стороне, второе - левой и правой, а третье - нижней стороне рамки. Значение: border-top-width - толщина верхней стороны. border-right-width - толщина правой стороны. border-bottom-width - толщина нижней стороны. border-left-width - толщина левой стороны. inherit - применяется значение родительского элемента. p{ border-width: 2px,2px,1px,1px} ';
	t.value='border-width';
	}
if(sele.options[sele.selectedIndex].value=='bottom'||locas=='bottom')
	{
	blok.childNodes[0].nodeValue='top, right, bottom, left Определяет величину смещения от определенного края (соответственно верхнего, правого, нижнего и левого). Значение: auto - величина смещения выбирается браузером так, чтобы можно было разместить все элементы (по умолчанию). любая соответствующая стандарту длина - число, представляющее величину смещения от края. любое соответствующее стандарту процентное значение - отношение в процентах длины смещения к ширине элемента (для левого и правого края) или его высоте (для верхнего и нижнего края). inherit - принимается значение родительского элемента. p {top: 20px; right: 40px}';
	t.value='bottom';
	}
if(sele.options[sele.selectedIndex].value=='top'||locas=='top')
	{
	blok.childNodes[0].nodeValue='top, right, bottom, left Определяет величину смещения от определенного края (соответственно верхнего, правого, нижнего и левого). Значение: auto - величина смещения выбирается браузером так, чтобы можно было разместить все элементы (по умолчанию). любая соответствующая стандарту длина - число, представляющее величину смещения от края. любое соответствующее стандарту процентное значение - отношение в процентах длины смещения к ширине элемента (для левого и правого края) или его высоте (для верхнего и нижнего края). inherit - принимается значение родительского элемента. p {top: 20px; right: 40px}';
	t.value='top';
	}
if(sele.options[sele.selectedIndex].value=='right'||locas=='right')
	{
	blok.childNodes[0].nodeValue='top, right, bottom, left Определяет величину смещения от определенного края (соответственно верхнего, правого, нижнего и левого). Значение: auto - величина смещения выбирается браузером так, чтобы можно было разместить все элементы (по умолчанию). любая соответствующая стандарту длина - число, представляющее величину смещения от края. любое соответствующее стандарту процентное значение - отношение в процентах длины смещения к ширине элемента (для левого и правого края) или его высоте (для верхнего и нижнего края). inherit - принимается значение родительского элемента. p {top: 20px; right: 40px}';
	t.value='right';
	}
if(sele.options[sele.selectedIndex].value=='left'||locas=='left')
	{
	blok.childNodes[0].nodeValue='top, right, bottom, left Определяет величину смещения от определенного края (соответственно верхнего, правого, нижнего и левого). Значение: auto - величина смещения выбирается браузером так, чтобы можно было разместить все элементы (по умолчанию). любая соответствующая стандарту длина - число, представляющее величину смещения от края. любое соответствующее стандарту процентное значение - отношение в процентах длины смещения к ширине элемента (для левого и правого края) или его высоте (для верхнего и нижнего края). inherit - принимается значение родительского элемента. p {top: 20px; right: 40px}';
	t.value='left';
	}
if(sele.options[sele.selectedIndex].value=='caption-side'||locas=='caption-side')
	{
	blok.childNodes[0].nodeValue='Определяет положение подписи таблицы по отношению к самой таблице. Значение: top - подпись сверху таблицы (по умолчанию). right - подпись справа от таблицы. bottom - подпись снизу таблицы. left - подпись слева от таблицы. inherit - принимается значение родительского элемента. table {caption-side : top}';
	t.value='caption-side';
	}
if(sele.options[sele.selectedIndex].value=='clear'||locas=='clear')
	{
	blok.childNodes[0].nodeValue='Определяет, как данный элемент обтекается по сторонам другими элементами. Значение: none - обтекание доступно со всех сторон (по умолчанию). left - элементов не должно быть слева от данного элемента. right - элементов не должно быть справа от данного элемента. both - элементов не должно быть справа и слева от данного элемента. inherit - принимается значение родительского элемента. img {clear: both}';
	t.value='clear';
	}
if(sele.options[sele.selectedIndex].value=='clip'||locas=='clip')
	{
	blok.childNodes[0].nodeValue='Определяет для перекрываемых частей вырезаемые области. Значение: auto - вырезаемая область должна иметь те же размеры и местоположение, что и перекрываемая часть (по умолчанию). rect (top, right, bottom, left)-вырезаемая область определяется значениями сдвига соответственно сверху, справа, снизу и слева. inherit - принимается значение родительского элемента. img {clip: rect(5px, 4рх, 2рх, 4рх)}';
	t.value='clip';
	}
if(sele.options[sele.selectedIndex].value=='color'||locas=='color')
	{
	blok.childNodes[0].nodeValue='Определяет цвет текста. Значение: любое соответствующее стандарту значение цвета. inherit - применяется значение родительского элемента. p{color:red} p{color:rgb(255,0,0)} p{color:#ff0000}';
	t.value='color';
	}
if(sele.options[sele.selectedIndex].value=='columnspan'||locas=='columnspan')
	{
	blok.childNodes[0].nodeValue='Определяет количество соединяемых (span) столбцов. Значение: любое соответствующее стандартам число - количество соединяемых столбцов. По умолчанию это 1. inherit - принимается значение родительского элемента. td {column-span: 3}';
	t.value='columnspan';
	}
if(sele.options[sele.selectedIndex].value=='cursor'||locas=='cursor')
	{
	blok.childNodes[0].nodeValue='Определяет, как выглядит указатель мыши при прохождении по элементу. Значение: auto - внешний вид определяется браузером (по умолчанию). crosshair - принимает форму указателя "графическое выделение". default - внешний вид, как у указателя, установленного в системе пользователя по умолчанию. pointer - принимает форму указателя "выбор ссылки". move - принимает форму указателя "перемещение". e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s- resize, w-resize - принимает формы указателей изменения размеров. text - принимает форму указателя выделения текста. wait - принимает форму указателя "система недоступна". help - принимает форму указателя "выбор справки".  любой соответствующий стандарту URL - URL файла указателя мыши. inherit - принимается значение родительского элемента. Свойство cursor в CSS3: cору - указывает на то, что что-то будет скопировано. Может изображаться как стрелка с небольшим знаком плюса рядом с ней. alias - представляет альтернативу или ярлык на что-либо. Часто изображается как стрелка с небольшой изогнутой стрелкой сразу, за ней. Поддерживается Firefox. context menu - этот курсор указывает на наличие контекстного меню, обычно открываемого щелчком на объекте правой кнопкой мыши. Чаете изображается в виде стрелки с небольшой картинкой меню сразу за ней. cell - указывает на то, что может быть выбрана ячейка или группа ячеек. Курсор должен выглядеть как жирный знак плюс. Поддерживается Firefox grab - указывает на то, что объект может быть ухвачен. Курсор должен выглядеть как разжатая кисть. grabbing - указывает на то, что объект был схвачен. Курсор должен выглядеть как сжатая в кулак кисть. spinning - свидетельствует о том, что программа выполняет задачу. Похоже на свойство wait, но пользователь может продолжать взаимодействовать с программой. Возможны различные изображения курсора, включая вращающийся мячик. count up - указывает на то, что программа осуществляет отсчет в прямом направлении. Курсор должен быть изображен в виде отсчитывающих пальцев. count down - указывает на то, что программа осуществляет отсчет в обратном направлении. Подобно отсчету в прямом направлении, курсор должен быть изображен в виде отсчитывающих пальцев. count up-down - указывает на то, что программа осуществляет отсчет сначала в прямом, а затем в обратном направлении. img {cursor: pointer}';
	t.value='cursor';
	}
if(sele.options[sele.selectedIndex].value=='display'||locas=='display')
	{
	blok.childNodes[0].nodeValue='Определяет вид создаваемого элемента. Эти разные виды по-разному взаимодействуют друг с другом зависимости от расположения на странице. Значение: inline - встроенный элемент (по умолчанию). block - блочный элемент. list-item - встроенный элемент пункта списка. marker - общее содержимое, которое появляется перед элементом или после него. Используется только с псевдо-элементами : before (перед) и safter (после), none - отсутствие элемента. Элемент в общей схеме не работает. run-in - элемент типа блочного, свойства которого зависят от его местоположения. compact - элемент типа встроенного, свойства которого зависят от его местоположения, table (таблица), inline-table (оперативная таблица), table-row-group (группа строк таблицы), table-column (столбец таблицы), table-column-group (группа столбцов таблицы), table-header-group (группа верхних заголовков таблицы), table-footer-group (группа нижних заголовков таблицы), table-row (строка таблицы), table-cell (ячейка таблицы), table-caption (подпись таблицы) - элемент таблицы, соответствующий имени свойства. inherit - принимается значение родительского элемента. p {display: block}';
	t.value='display';
	}
if(sele.options[sele.selectedIndex].value=='empty-cells'||locas=='empty-cells')
	{
	blok.childNodes[0].nodeValue='Определяет, как выводить на экран границы пустых ячеек. Значение: show - границы пустых ячеек видны (по умолчанию). hide - границы пустых ячеек скрыты. inherit - принимается значение родительского элемента. table {empty-cells: show}';
	t.value='empty-cells';
	}
if(sele.options[sele.selectedIndex].value=='float'||locas=='float')
	{
	blok.childNodes[0].nodeValue='Определяет обтекание элемента слева или справа. Значение: none - элемент не обтекается (по умолчанию). left - элемент передвинут влево, а остальные элементы обтекают его справа. right - элемент передвинут вправо, а остальные элементы обтекают его слева. inherit - принимается значение родительского элемента. img {float: right}';
	t.value='float';
	}
if(sele.options[sele.selectedIndex].value=='font'||locas=='font')
	{
	blok.childNodes[0].nodeValue='Удобное свойство для установки сразу всех параметров шрифта. Если какие-то значение пропущены, то берется их значение по умолчанию. Значение: font-style - начертание. font-variant - значение, определяющее вывод шрифта в виде малых прописных букв. font-weight- толщина. font-size - кегль. line-height - интерлиньяж. font-family - семейство шрифтов. inherit - применяется значение родительского элемента. p {font: oblique 12pt "Helvetica Nue", serif; font-stretch: condensed }';
	t.value='font';
	}
if(sele.options[sele.selectedIndex].value=='font-family'||locas=='font-family')
	{
	blok.childNodes[0].nodeValue='Определяет семейства шрифта, используемого в этом тексте. Может быть несколько таких семейств, отделенные друг от друга запятыми. Приоритет определяется порядком в этом списке. Значение: имя семейства - семейства шрифта, применяемое для вывода текста. Имена, состоящие из нескольких слов, должны заключаться в кавычки. имя типового шрифта, применяемого для вывода текста. Типовыми могут быть следующие шрифты: serif, sans-serif, fantasy и monospce. inherit - применяется значение родительского элемента.  p {font-family: "Times roman", courier, serif}';
	t.value='font-family';
	}
if(sele.options[sele.selectedIndex].value=='font-size'||locas=='font-size')
	{
	blok.childNodes[0].nodeValue='Определяет кегель (высоту символов) шрифта. Значение: абсолютный размер - для выражения кегля шрифта используется ключевые слова: xx-small(крайне малый), small (малый), medium (средний) (по умолчанию), large (большой), x-large (очень большое), xx-large (крайне большое). относительный размер - для выражение кегля шрифта используется ключевые слова: larger (меньше), smaller (больше), любое соответствующая стандарту высота - абсолютный размер шрифта. Отрицательное значение не допускается. любое соответствующее стандарту процентное значение. inherit - применяется значение родительского элемента. p{font-size: 20px}';
	t.value='font-size';
	}
if(sele.options[sele.selectedIndex].value=='font-size-adjust'||locas=='font-size-adjust')
	{
	blok.childNodes[0].nodeValue='Определяет соотношение ширины и высоты символов, которые поддерживается при установке кегля шрифта. Это дает пользователю регулировать изменения высоты текста. Значение: none - по умолчанию. любое соответствующее стандартам значение - число, представляющее соотношение высоты и ширины символов. inherit - применяется значение родительского элемента. p {font-size-adjust: 0.45} ';
	t.value='font-size-adjust';
	}
if(sele.options[sele.selectedIndex].value=='font-stretch'||locas=='font-stretch')
	{
	blok.childNodes[0].nodeValue='Определяет толщину шрифта. Значение: normal - обычная ширина (по умолчанию) wider- увеличение текущей ширины. narrower - уменьшает текущую ширину на единицу. ultra-condensed - наименьшее значение ширины. extra-condensed - значение большее, чем предыдущее condensed - значение большее, чем предыдущее. semi-condensed - значение большее, чем предыдущее. semi-expanded - значение большее, чем при обычной толщине. expanded - значение большее, чем предыдущее. extra-expanded - значение большее, чем предыдущее. ultra-expanded - максимальное значение ширины. inherit - применяется значение родительского элемента. body{ font-stretch: condensed }';
	t.value='font-stretch';
	}
if(sele.options[sele.selectedIndex].value=='font-style'||locas=='font-style')
	{
	blok.childNodes[0].nodeValue='Определяет начертания шрифта, такие как курсив или наклонное. Значение: normal - обычное начертание (по умолчанию). italic - курсив. oblique - наклонное начертание. Это начертание исключительно экранного шрифта. Он имеет несколько меньший наклон чем курсив. inherit - применяется значение родительского элемента. p{font-style: italic; }';
	t.value='font-style';
	}
if(sele.options[sele.selectedIndex].value=='font-variant'||locas=='font-variant')
	{
	blok.childNodes[0].nodeValue='Определяет, будет ли шрифт выведен в виде малых прописных букв. Значение: normal - обычное начертание (по умолчанию).  small-caps - выводит шрифт в виде малых прописных букв. inherit - применяется значение родительского элемента. p {font-variant: small-caps }';
	t.value='font-variant';
	}
if(sele.options[sele.selectedIndex].value=='font-weight'||locas=='font-weight')
	{
	blok.childNodes[0].nodeValue='Определяет толщину выводимого шрифта. Значение: normal - обычное начертание (по умолчанию). bold - полужирное начертание. Полужирное начертание выделяет текст. Линии становятся толще, а сам текст немного шире, чем при обычном начертании. bolder - жирный шрифт. lighter - светлый шрифт. Тонкие, светлые начертания шрифтов производят менее сильное впечатление, чем обычные или полужирные, но они незаменимы, когда требуется легкий и простой внешний вид. 100-900 - число, указывающее толщину шрифта. 100 соответствует самой светлой толщине (lighter), 400-normal, 700- bold, 900- bolder. inherit - применяется значение родительского элемента. p {font-weight: bold;}';
	t.value='font-weight';
	}
if(sele.options[sele.selectedIndex].value=='height'||locas=='height')
	{
	blok.childNodes[0].nodeValue='Определяет высоту элемента. Значение: auto - высота элемента выбирается броузером (по умолчанию). любая соответствующая стандарту длина - число, представляющее высоту элемента. любое соответствующее стандарту процентное значение - отношение в процентах высоты элемента к высоте окна. inherit - принимается значение родительского элемента. p {height: 260px}';
	t.value='height';
	}
if(sele.options[sele.selectedIndex].value=='letter-spacing'||locas=='letter-spacing')
	{
	blok.childNodes[0].nodeValue='Определяет интервал между символами текста. Значение: none - интервал, обычные для используемого шрифта. любая длина, соответствующее стандартам, длина интервала межу букв.inherit - применяется значение родительского элемента. p { letter-spacing: 5px }';
	t.value='letter-spacing';
	}
if(sele.options[sele.selectedIndex].value=='line-height'||locas=='line-height')
	{
	blok.childNodes[0].nodeValue='Определяет интерлиньяж для текстового элемента. Интерлиньяж - это расстояние между базовыми линиями двух соседних строк. Значение: normal - значение выбирается броузером так, чтобы на странице поместились все элементы (по умолчанию). любая соответствующая стандарту длина - число, представляющее высоту элемента. любое соответствующее стандарту процентное значение - отношение е процентах высоты элемента к высоте окна. любое соответствующее стандарту число - число, равное количеству кеглей используемого шрифта. inherit - принимается значение родительского элемента. p {line-height: 2.2}';
	t.value='line-height';
	}
if(sele.options[sele.selectedIndex].value=='list-style'||locas=='list-style')
	{
	blok.childNodes[0].nodeValue='Удобное свойство для установки сразу всех параметров стиля списка. Если какие-либо параметры пропущены, то берутся их значения по умолчанию. Значение: list-style-type - вид маркера. list-style-position - положение маркера. list-style-image - изображение для маркера. inherit - принимается значение родительского элемента. ul {list-style: circle inside url("bullet4,gif")}';
	t.value='list-style';
	}
if(sele.options[sele.selectedIndex].value=='list-style-image'||locas=='list-style-image')
	{
	blok.childNodes[0].nodeValue='Определяет изображение, которое будет использовано в качестве маркера списка. Значение: none - изображение, предназначенное быть маркером, не установлено (по умолчанию). любой соответствующий стандарту URL - URL к изображению, предназначенному быть маркером. inherit - принимается значение родительского элемента. ul {list-style-image: url("bullet3.gif")}';
	t.value='list-style-image';
	}
if(sele.options[sele.selectedIndex].value=='list-style-position'||locas=='list-style-position')
	{
	blok.childNodes[0].nodeValue='Определяет местоположение маркера элемента списка.Значение: inside - маркер внутри элемента. outside - маркер вне элемента (по умолчанию). inherit - принимается значение родительского элемента. ul {llist-style-position: inside}';
	t.value='list-style-position';
	}
if(sele.options[sele.selectedIndex].value=='list-style-type'||locas=='list-style-type')
	{
	blok.childNodes[0].nodeValue='Определяет стиль маркеров или номеров списка. Значение: disc - маркер в виде диска (по умолчанию). circle - маркер в виде окружности. square - маркер в виде квадрата. decimal - списки, нумерованные с помощью десятичных чисел, начиная с 1, decimal-leading-zero - списки, нумерованные с помощью десятичных чисел с ведущими нулями, например 01, 02, 03 и т.д. lower-roman - списки, нумерованные с помощью строчных римских цифр. upper-roman - списки, нумерованные с помощью прописных римских цифр hebrew - списки, нумерованные с помощью цифр иврита. georgian - списки, нумерованные с помощью грузинских цифр. armenian - списки, нумерованные с помощью армянских цифр. сjk-ideographic - списки, нумерованные с помощью идеограмм, lower-latin, lower-alpha - использование строчных ASCII-символов. upper-latin, upper-alpha - использование прописных ASCII-символов. lower-greek - использование строчных греческих букв. hiragana - использование букв японской азбуки хирагана. hiragdna-iroha - использование букв японской азбуки хирагана ироха, katakana-iroha - использование буке японской азбуки катакана ироха. none - нет ни маркеров ни номеров. inherit - принимается значение родительского элемента. ol {list-style: upper-alpha}';
	t.value='list-style-type';
	}
if(sele.options[sele.selectedIndex].value=='margin'||locas=='margin')
	{
	blok.childNodes[0].nodeValue='Удобное свойство для установки ширины полей сразу для всех сторон элемента. У этого свойства может быть от одного до четырех значений. Если имеется только одно значение, то оно будет присвоено сразу ко всем полям. Если два значения, то первое из них присваивается верхнему и нижнему полю, а второе - левому и правому. Если же три, то первое значение присваивается верхнему полю, второе - левому и правому, а третье - нижнему. Значение: margin-top - ширина верхнего поля. margin-right - ширина правого поля. margin-bottom - ширина нижнего поля. margin-left - ширина левого поля. inherit - применяется значение родительского элемента. p {margin: 20px 30px 5px } ';
	t.value='margin';
	}
if(sele.options[sele.selectedIndex].value=='margin-top'||locas=='margin-top')
	{
	blok.childNodes[0].nodeValue='margin-top, margin-right, margin-bottom, margin-left Устанавливает ширину поля для определенной стороны элемента.(эти свойства устанавливает ширину соответственно верхнего, нижнего и левого поля).Значение: любая соответствующая стандарту длина - число, представляющее ширину поля. Значение по умолчанию является 0. любое соответствующая стандарту процентное значение - отношение в процентах ширены поля к ширине элемента (для левого и правого поля) и его высоте (для верхнего и нижнего поля). inherit - применяется значение родительского элемента. p {margin-top: 10px;}';
	t.value='margin-top';
	}
if(sele.options[sele.selectedIndex].value=='margin-right'||locas=='margin-right')
	{
	blok.childNodes[0].nodeValue='margin-top, margin-right, margin-bottom, margin-left Устанавливает ширину поля для определенной стороны элемента.(эти свойства устанавливает ширину соответственно верхнего, нижнего и левого поля).Значение: любая соответствующая стандарту длина - число, представляющее ширину поля. Значение по умолчанию является 0. любое соответствующая стандарту процентное значение - отношение в процентах ширены поля к ширине элемента (для левого и правого поля) и его высоте (для верхнего и нижнего поля). inherit - применяется значение родительского элемента. p {margin-top: 10px;}';
	t.value='margin-right';
	}
if(sele.options[sele.selectedIndex].value=='margin-bottom'||locas=='margin-bottom')
	{
	blok.childNodes[0].nodeValue='margin-top, margin-right, margin-bottom, margin-left Устанавливает ширину поля для определенной стороны элемента.(эти свойства устанавливает ширину соответственно верхнего, нижнего и левого поля).Значение: любая соответствующая стандарту длина - число, представляющее ширину поля. Значение по умолчанию является 0. любое соответствующая стандарту процентное значение - отношение в процентах ширены поля к ширине элемента (для левого и правого поля) и его высоте (для верхнего и нижнего поля). inherit - применяется значение родительского элемента. p {margin-top: 10px;}';
	t.value='margin-bottom';
	}
if(sele.options[sele.selectedIndex].value=='margin-left'||locas=='margin-left')
	{
	blok.childNodes[0].nodeValue='margin-top, margin-right, margin-bottom, margin-left Устанавливает ширину поля для определенной стороны элемента.(эти свойства устанавливает ширину соответственно верхнего, нижнего и левого поля).Значение: любая соответствующая стандарту длина - число, представляющее ширину поля. Значение по умолчанию является 0. любое соответствующая стандарту процентное значение - отношение в процентах ширены поля к ширине элемента (для левого и правого поля) и его высоте (для верхнего и нижнего поля). inherit - применяется значение родительского элемента. p {margin-top: 10px;}';
	t.value='margin-left';
	}
if(sele.options[sele.selectedIndex].value=='marker-offset'||locas=='marker-offset')
	{
	blok.childNodes[0].nodeValue='Определяет расстояние между маркером и текстом в списке Значение: auto - пробел устанавливается браузером (по умолчанию). любая соответствующая стандартам длина - пробел между маркером и текстом. inherit - принимается значение родительского элемента. h1 {marker-offset: 12px}';
	t.value='marker-offset';
	}
if(sele.options[sele.selectedIndex].value=='overflow'||locas=='overflow')
	{
	blok.childNodes[0].nodeValue='Определяет, как отображать элемент, когда он перекрывает другой элемент.Значение: visible - перекрываемый элемент виден полностью, и из него ничего не вырезано (по умолчанию). hidden - перекрываемая часть вырезается. scroll - перекрываемая часть вырезается, и становятся видимыми любые полосы прокрутки. auto - браузером определяется, надо ли вырезать перекрываемые области inherit - принимается значение родительского элемента. img {overflow: visible}';
	t.value='overflow';
	}
if(sele.options[sele.selectedIndex].value=='padding'||locas=='padding')
	{
	blok.childNodes[0].nodeValue='Удобное свойство для установки ширины промежутка сразу для всех сторон элемента. У этого свойства может быть от одного до четырех значений. Если имеется только одно значение, то оно будет присвоено сразу ко всем полям. Если два значения, то первое из них присваивается верхнему и нижнему полю, а второе - левому и правому. Если же три, то первое значение присваивается верхнему полю, второе левому и правому, а третье - нижнему. Значение: padding-top - ширина верхнего промежутка. padding-right - ширина правого промежутка. padding-bottom - ширина нижнего промежутка. padding-left - ширина левого промежутка. inherit - применяется значение родительского элемента. h1{padding: 5px 5px 3px}';
	t.value='padding';
	}
if(sele.options[sele.selectedIndex].value=='padding-top'||locas=='padding-top')
	{
	blok.childNodes[0].nodeValue='padding-top, padding-right, padding-bottom, padding-left Устанавливает ширину промежутка между содержимым элемента и определенным его участком его границы (соответственно верхнем, правым, нижним и левым).Значение: none - отсутствие изменения регистра (по умолчанию).любая соответствующая стандарту длина - число, представляющее ширину промежутка. Значение по умолчанию является 0. любое соответствующая стандарту процентное значение - отношение в процентах ширены промежутка к ширине элемента (для левого и правого поля) и его высоте (для верхнего и нижнего поля). inherit - применяется значение родительского элемента. p {padding-top: 20px}';
	t.value='padding-top';
	}
if(sele.options[sele.selectedIndex].value=='padding-right'||locas=='padding-right')
	{
	blok.childNodes[0].nodeValue='padding-top, padding-right, padding-bottom, padding-left Устанавливает ширину промежутка между содержимым элемента и определенным его участком его границы (соответственно верхнем, правым, нижним и левым).Значение: none - отсутствие изменения регистра (по умолчанию).любая соответствующая стандарту длина - число, представляющее ширину промежутка. Значение по умолчанию является 0. любое соответствующая стандарту процентное значение - отношение в процентах ширены промежутка к ширине элемента (для левого и правого поля) и его высоте (для верхнего и нижнего поля). inherit - применяется значение родительского элемента. p {padding-top: 20px}';
	t.value='padding-right';
	}
if(sele.options[sele.selectedIndex].value=='padding-bottom'||locas=='padding-bottom')
	{
	blok.childNodes[0].nodeValue='padding-top, padding-right, padding-bottom, padding-left Устанавливает ширину промежутка между содержимым элемента и определенным его участком его границы (соответственно верхнем, правым, нижним и левым).Значение: none - отсутствие изменения регистра (по умолчанию).любая соответствующая стандарту длина - число, представляющее ширину промежутка. Значение по умолчанию является 0. любое соответствующая стандарту процентное значение - отношение в процентах ширены промежутка к ширине элемента (для левого и правого поля) и его высоте (для верхнего и нижнего поля). inherit - применяется значение родительского элемента. p {padding-top: 20px}';
	t.value='padding-bottom';
	}
if(sele.options[sele.selectedIndex].value=='padding-left'||locas=='padding-left')
	{
	blok.childNodes[0].nodeValue='padding-top, padding-right, padding-bottom, padding-left Устанавливает ширину промежутка между содержимым элемента и определенным его участком его границы (соответственно верхнем, правым, нижним и левым).Значение: none - отсутствие изменения регистра (по умолчанию).любая соответствующая стандарту длина - число, представляющее ширину промежутка. Значение по умолчанию является 0. любое соответствующая стандарту процентное значение - отношение в процентах ширены промежутка к ширине элемента (для левого и правого поля) и его высоте (для верхнего и нижнего поля). inherit - применяется значение родительского элемента. p {padding-top: 20px}';
	t.value='padding-left';
	}
if(sele.options[sele.selectedIndex].value=='position'||locas=='position')
	{
	blok.childNodes[0].nodeValue='Определяет используемый метод позиционирования. Значение: static - обычный элемент, использующий установленную по умолчанию HTML-структуру (по умолчанию). relative - позиционирование элемента является смещением по отношению к его обычному положению в общей структуре страницы. absolute - позиционирование элемента определяется смещением по отношению к положению содержащего его элемента, и они не влияют на общую структуру. fixed - позиционирование элемента является смещением, как и в случае со значением absolute, но сам элемент фиксируется в окне браузера и при прокрутке окна не перемещается. inherit - принимается значение родительского элемента. p {position: absolute}';
	t.value='position';
	}
if(sele.options[sele.selectedIndex].value=='row-span'||locas=='row-span')
	{
	blok.childNodes[0].nodeValue='Определяет количество соединяемых (span) строк.Значение: любое соответствующее стандартам число - количество соединяемых строк. По умолчанию это 1. inherit - принимается значение родительского элемента. td {row-span: 3}';
	t.value='row-span';
	}
if(sele.options[sele.selectedIndex].value=='scrollbar-3dlight-color'||locas=='scrollbar-3dlight-color')
	{
	blok.childNodes[0].nodeValue='Устанавливает цвет верха и левой части ползунка и кнопок со стрелками на полосе прокрутки. Значение: любое соответствующее стандарту значение цвета. inherit - применяется значение родительского элемента. body {scrollbar-3dlight-color:green;}';
	t.value='scrollbar-3dlight-color';
	}
if(sele.options[sele.selectedIndex].value=='scrollbar-arrow-color'||locas=='scrollbar-arrow-color')
	{
	blok.childNodes[0].nodeValue='Устанавливает цвет стрелок на кнопке со стрелками. Значение: любое соответствующее стандарту значение цвета. inherit - применяется значение родительского элемента. body {scrollbar-arrow-color: red;}';
	t.value='scrollbar-arrow-color';
	}
if(sele.options[sele.selectedIndex].value=='scrollbar-base-color'||locas=='scrollbar-base-color')
	{
	blok.childNodes[0].nodeValue='Устанавливает цвет основных элементов ползунка: ползунка, кнопок со стрелками, дорожки для ползунка, если не определены параметры в scrollbar-face-color.Значение: любое соответствующее стандарту значение цвета. inherit - применяется значение родительского элемента. body {scrollbar-base-color: green;}';
	t.value='scrollbar-base-color';
	}
if(sele.options[sele.selectedIndex].value=='scrollbar-darkshadow-color'||locas=='scrollbar-darkshadow-color')
	{
	blok.childNodes[0].nodeValue='Устанавливает цвет тени для ползунка и кнопок со стрелками.Значение: любое соответствующее стандарту значение цвета. inherit - применяется значение родительского элемента. body {scrollbar-darkshadow-color: red;}';
	t.value='scrollbar-darkshadow-color';
	}
if(sele.options[sele.selectedIndex].value=='scrollbar-face-color'||locas=='scrollbar-face-color')
	{
	blok.childNodes[0].nodeValue='Устанавливает цвет ползунка и кнопок со стрелками. Также, если вы не задали параметр SCROLLBAR-TRACK-COLOR, у вас изменится цвет дорожки. Значение: любое соответствующее стандарту значение цвета. inherit - применяется значение родительского элемента. body {scrollbar-face-color: green;}';
	t.value='scrollbar-face-color';
	}
if(sele.options[sele.selectedIndex].value=='scrollbar-highlight-color'||locas=='scrollbar-highlight-color')
	{
	blok.childNodes[0].nodeValue='Устанавливает цвет подсветки, создающий эффект объёмности. Это цвет, который окаймляет освещённую часть кнопочки. Когда кнопка не нажата, то цвет заливает левый верхний угол и стороны между ним, когда нажата - нижний правый угол. Значение: любое соответствующее стандарту значение цвета. inherit - применяется значение родительского элемента. body {scrollbar-highlight-color: green;}';
	t.value='scrollbar-highlight-color';
	}
if(sele.options[sele.selectedIndex].value=='scrollbar-shadow-color'||locas=='scrollbar-shadow-color')
	{
	blok.childNodes[0].nodeValue='Схоже с scrollbar-darkshadow-color. Значение: любое соответствующее стандарту значение цвета. inherit - применяется значение родительского элемента. body {scrollbar-shadow-color: green;}';
	t.value='scrollbar-shadow-color';
	}
if(sele.options[sele.selectedIndex].value=='scrollbar-track-color'||locas=='scrollbar-track-color')
	{
	blok.childNodes[0].nodeValue='Устанавливает цвет дорожки для ползунка.Значение: любое соответствующее стандарту значение цвета. inherit - применяется значение родительского элемента. body {scrollbar-track-color: aqua;}';
	t.value='scrollbar-track-color';
	}
if(sele.options[sele.selectedIndex].value=='size'||locas=='size')
	{
	blok.childNodes[0].nodeValue='Определяет размеры и ориентацию страницы.Значение: auto - размеры страницы устанавливаются браузером (по умолчанию). первая соответствующая стандартам длина - ширина страницы. вторая соответствующая стандартам длина - высота страницы. landscape - ориентация страницы альбомная. portrait - ориентация страницы книжная. inherit - принимается значение родительского элемента.p{size: 8.5in llin portrait}';
	t.value='size';
	}
if(sele.options[sele.selectedIndex].value=='table-layout'||locas=='table-layout')
	{
	blok.childNodes[0].nodeValue='Определяет общий вид таблицы.Значение: auto - общий вид таблицы определяется браузером (по умолчанию). fixed - устанавливается фиксированный общий вид таблицы. inherit - принимается значение родительского элемента.table {table-layout : fixed}';
	t.value='table-layout';
	}
if(sele.options[sele.selectedIndex].value=='text-align'||locas=='text-align')
	{
	blok.childNodes[0].nodeValue='Определяет выравнивание текста в элементе. Значение: left - выравнивание по левому краю. center - выравнивание по центру.right - выравнивание по правому краю. justify - выравнивание по обоим краям.любая строка, соответствующая стандарту - определяет последовательность символов.inherit - применяется значение родительского элемента.p {text-align: center;}';
	t.value='text-align';
	}
if(sele.options[sele.selectedIndex].value=='text-decoration'||locas=='text-decoration')
	{
	blok.childNodes[0].nodeValue='Определяет оформление текста.Значение: none - отсутствие элементов оформления (по умолчанию).underline - подчеркивание.overline - линия над текстом.line-through - перечеркивание. blink - мерцание.inherit - применяется значение родительского элемента. p {text-decoration: underline } ';
	t.value='text-decoration';
	}
if(sele.options[sele.selectedIndex].value=='text-indent'||locas=='text-indent')
	{
	blok.childNodes[0].nodeValue='Определяет длину отступа в первой строке блока. Значение: любое соответствующее стандарту длина; возможны отрицательные значения. Значение по умолчанию равно 0. любое соответствующее стандарту процентное значение.inherit - применяется значение родительского элемента.p {text-indent:20px;}';
	t.value='text-indent';
	}
if(sele.options[sele.selectedIndex].value=='text-shadow'||locas=='text-shadow')
	{
	blok.childNodes[0].nodeValue='Определяет значения, устанавливающие эффект затенения текста. Может содержать несколько значений, которые следует определить друг за друга запятыми. В каждом отдельном значении теневых эффектов обязательно должно быть значение смещения и возможны такие значения, как радиус резкости и цвет. Значение: none - отсутствие значения (по умолчанию).color - цвет затенения текста.первое числовое значение, соответствует стандарту - расстоянию по горизонтали вправо от текста. Отрицательное значение соответствует расстоянию влево от текста.второе числовое значение, соответствует стандарту - расстоянию по вертикали вниз от текста. Отрицательное значение соответствует расстоянию вверх от текста.третье числовое значение, соответствует стандарту - радиус нерезкости тени текста.inherit - применяется значение родительского элемента. h1{text-shadow: blue 5px 5px 3px}';
	t.value='text-shadow';
	}
if(sele.options[sele.selectedIndex].value=='text-transform'||locas=='text-transform')
	{
	blok.childNodes[0].nodeValue='Автоматически переводит в тексте буквы в верхний (нижний) регистр.Значение: none - отсутствие изменения регистра (по умолчанию).capitalize - переводит первую букву каждого слова в верхний регистр.uppercase - переводит все буквы в верхний регистр.lowercase -переводит все буквы в нижний регистр.inherit - применяется значение родительского элемента.p {text-transform: uppercase }';
	t.value='text-transform';
	}
if(sele.options[sele.selectedIndex].value=='vertical-align'||locas=='vertical-align')
	{
	blok.childNodes[0].nodeValue='Определяет выравнивание текста по вертикали внутри элемента.Значение: baseline - выравнивание базовой линии элемента по базовой линии его родительского элемента (по умолчанию). middle - выравнивание средней линии элемента по базовой линии его родительского элемента top - выравнивание верхней части элемента по верхнему краю его текста. bottom - выравнивание нижней части элемента по базовой линии его родительского элемента. sub - выравнивание текста элемента, чтобы он стал подстрочным по отношению к базовой линии родительского элемента. super - выравнивание элемента, чтобы он стал надстрочным по отношению к базовой линии родительского элемента. text-top - выравнивание верхней части элемента по верхней части текста родительского элемента. text-bottom - выравнивание нижней части элемента по нижней части текста родительского элемента. любая соответствующая стандарту длина - число, показывающее, на сколько поднят уровень элемента. Отрицательные числа показывают, на сколько уровень элемента ниже. любое соответствующее стандарту процентное значение - отношение в процентах, показывающее, на сколько поднят уровень элемента. Отрицательные числа показывают, на сколько уровень элемента ниже. inherit - принимается значение родительского элемента. p{vertical-align: super}';
	t.value='vertical-align';
	}
if(sele.options[sele.selectedIndex].value=='visibility'||locas=='visibility')
	{
	blok.childNodes[0].nodeValue='Определяет, является ли элемент видимым.Значение: visible - элемент видимый. hidden - элемент не видимый, но он все равно влияет на общую структуру страницы. collapse-если не применяется к таблицам, то получается тот же эффект, что и для hidden. inherit - (по умолчанию) принимается значение родительского элемента. img {visibility: visible}';
	t.value='visibility';
	}
if(sele.options[sele.selectedIndex].value=='white-space'||locas=='white-space')
	{
	blok.childNodes[0].nodeValue='Определяет, как обрабатывать пробелы.Значение: normal - пробелы сворачиваются, если это необходимо для размещения элемента. Этот способ, который использует HTML по умолчанию pre - пробелы обрабатываются так, как указано в коде (предварительно отформатированный текст). nowrap - сворачиваются все пробелы.inherit - применяется значение родительского элемента. p { white-space: pre}';
	t.value='white-space';
	}
if(sele.options[sele.selectedIndex].value=='width'||locas=='width')
	{
	blok.childNodes[0].nodeValue='Определяет ширину элемента. Значение: auto - ширина элемента выбирается броузером (по умолчанию). любая соответствующая стандарту длина - число, представляющее ширину элемента. любое соответствующее стандарту процентное значение - отношение в процентах ширины элемента к ширине окна, inherit - принимается значение родительского элемента. p {width: 260px}';
	t.value='width';
	}
if(sele.options[sele.selectedIndex].value=='word-spacing'||locas=='word-spacing')
	{
	blok.childNodes[0].nodeValue='Определяет интервал между словами. Значение: none - интервал, обычный для используемого шрифта.любая длина, соответствующая стандарту, длина интервала между словами.inherit - применяется значение родительского элемента. p{word-spacing: 2px} ';
	t.value='word-spacing';
	}
if(sele.options[sele.selectedIndex].value=='z-index'||locas=='z-index')
	{
	blok.childNodes[0].nodeValue='Определяет порядок расположения элементов в стеке (slacking order). Значение: auto - элемент располагается на том же месте, что и его родительский элемент (по умолчанию). любое соответствующее стандарту целое число - порядковый номер элемента в стеке. inherit - принимается значение родительского элемента. img {z-index: 3}';
	t.value='z-index';
	}
a=0;
fgh='0';
locas=0;
}






tt=0;
aa=0;
hhh=0;
cfhg='0';
function clra(aa)
{
var hblok = document.getElementById('help1');
hhh=aa;
if(aa==0)
{} else
{aa.style.borderColor='red';}
hblok.childNodes[0].nodeValue='Описание, тодсказки и советы по тегам и их стилям css. Для автоматического заполнения ячейки тега, кликните на нужную ячейку(высветится зеленым), а потом выберите тег из выпадающего меню сверху (ячейка будет красной), после клика по следующей ячейке тега предыдущая станет синего цвета (означает - возможно было изменение).';
}

function clrc(aa)
{
if(aa==0)
{} else 
{
aa.style.borderColor='blue';
tt=0;
aa=0;
hhh=0;
}
}

function rstc(bb)
{
bb.options[0].selected='true';
clrc(aa=hhh);
}

alocas=0;
function helpc(aa, bb)
{

var hblok = document.getElementById('help1');
if(aa==0)
{} else
{
tt=aa;
cfhg=aa.value;
alocas=cfhg.toLowerCase();
aa.style.borderColor='green';
}
if(sel.options[sel.selectedIndex].value=='html'||alocas=='html')
	{
	hblok.childNodes[0].nodeValue='Указывает программе просмотра страниц, что это HTML документ, в него вложен тег body, увидеть его можно задав border и border-color. (border, color ...)';
	tt.value='html';
	} 
if(sel.options[sel.selectedIndex].value=='body'||alocas=='body')
	{
	hblok.childNodes[0].nodeValue='Определяет видимую часть документа, тело документа, увидеть его можно задав border и border-color. (scrollbar..., background, border, color ...)';
	tt.value='body';
	} 
if(sel.options[sel.selectedIndex].value=='h1'||alocas=='h1')
	{
	hblok.childNodes[0].nodeValue='Заголовок 1. Можно изменить - color, свойства font ...';
	tt.value='h1';
	} 
if(sel.options[sel.selectedIndex].value=='h2'||alocas=='h2')
	{
	hblok.childNodes[0].nodeValue='Заголовок 2. Можно изменить - color, свойства font ...';
	tt.value='h2';
	} 
if(sel.options[sel.selectedIndex].value=='h3'||alocas=='h3')
	{
	hblok.childNodes[0].nodeValue='Заголовок 3. Можно изменить - color, свойства font ...';
	tt.value='h3';
	} 
if(sel.options[sel.selectedIndex].value=='h4'||alocas=='h4')
	{
	hblok.childNodes[0].nodeValue='Заголовок 4. Можно изменить - color, свойства font ...';
	tt.value='h4';
	} 
if(sel.options[sel.selectedIndex].value=='h5'||alocas=='h5')
	{
	hblok.childNodes[0].nodeValue='Заголовок 5. (используется редко) Можно изменить - color, свойства font ...';
	tt.value='h5';
	} 
if(sel.options[sel.selectedIndex].value=='h6'||alocas=='h6')
	{
	hblok.childNodes[0].nodeValue='Заголовок 6. (используется редко) Можно изменить - color, свойства font ...';
	tt.value='h6';
	} 
if(sel.options[sel.selectedIndex].value=='b'||alocas=='b')
	{
	hblok.childNodes[0].nodeValue='Выделение жирным. Можно изменить - color, свойства font ...';
	tt.value='b';
	} 
if(sel.options[sel.selectedIndex].value=='i'||alocas=='i')
	{
	hblok.childNodes[0].nodeValue='Выделение курсивом. Можно изменить - color, свойства font ...';
	tt.value='i';
	} 
if(sel.options[sel.selectedIndex].value=='cite'||alocas=='cite')
	{
	hblok.childNodes[0].nodeValue='Используется для выделения цытат. Можно изменить - color, свойства font ...';
	tt.value='cite';
	} 
if(sel.options[sel.selectedIndex].value=='em'||alocas=='em')
	{
	hblok.childNodes[0].nodeValue='Используется для выделения из текста слова (наклонный или жирный текст)';
	tt.value='em';
	} 
if(sel.options[sel.selectedIndex].value=='pre'||alocas=='pre')
	{
	hblok.childNodes[0].nodeValue='Обрамляет предварительно отформатированный текст. (выводится как есть!). text-align - можно выровнять по центру (center) ... ';
	tt.value='pre';
	} 
if(sel.options[sel.selectedIndex].value=='a'||alocas=='a')
	{
	hblok.childNodes[0].nodeValue='Ссылки. Можно изменить - color, свойства font,  задавать параметры отдельно для A:link(непосещенная ссылка), A:active(нажатая ссылка), A:visited(посещенная ссылка), A:hover(ссылка под курсором мышки) ...A.m - ссылки класса меню (на данном сайте, клас обозначается в теге - <a class="m"...';
	tt.value='a';
	} 
if(sel.options[sel.selectedIndex].value=='p'||alocas=='p')
	{
	hblok.childNodes[0].nodeValue='Абзацы (отступ в абзаце задается с помощью text-indent (5...50px)). Можно изменить - color, свойства font, background, (border, width, height - и другие свойства блочных елементов в xhtml)...)';
	tt.value='p';
	} 
if(sel.options[sel.selectedIndex].value=='blockquote'||alocas=='blockquote')
	{
	hblok.childNodes[0].nodeValue='Создает отступы с обеих сторон текста. (свойства блочных элементов)';
	tt.value='blockquote';
	} 
if(sel.options[sel.selectedIndex].value=='dl'||alocas=='dl')
	{
	hblok.childNodes[0].nodeValue='Создает список определений. (свойства блочных элементов)';
	tt.value='dl';
	} 
if(sel.options[sel.selectedIndex].value=='dt'||alocas=='dt')
	{
	hblok.childNodes[0].nodeValue='Определяет каждый из терминов списка. Можно изменить - color, свойства font ...';
	tt.value='dt';
	} 
if(sel.options[sel.selectedIndex].value=='dd'||alocas=='dd')
	{
	hblok.childNodes[0].nodeValue='Описывает каждое определение. Можно изменить - color, свойства font ...';
	tt.value='dd';
	} 
if(sel.options[sel.selectedIndex].value=='ol'||alocas=='ol')
	{
	hblok.childNodes[0].nodeValue='Создает нумерованный список. (свойства блочных элементов)';
	tt.value='ol';
	} 
if(sel.options[sel.selectedIndex].value=='ul'||alocas=='ul')
	{
	hblok.childNodes[0].nodeValue='Создает ненумерованный список. (свойства блочных элементов)';
	tt.value='ul';
	} 
if(sel.options[sel.selectedIndex].value=='li'||alocas=='li')
	{
	hblok.childNodes[0].nodeValue='Определяет каждый элемент списка. Можно менять свойства list...';
	tt.value='li';
	} 
if(sel.options[sel.selectedIndex].value=='div'||alocas=='div')
	{
	hblok.childNodes[0].nodeValue='Основной тег для блочного дизайна, можно использовать почти любые свойства кроме list..., табличных, и scrollbar. Особенность блочного дизайна - легкость изменения размещения блоков на странице, их размеров, добавление полос прокрутки в блок (overflow - при ограниченных размерах блока) (легкость изменения дизайна, при использовании вынесенной таблицы стилей, общей для всех страниц - для редактирования таких таблиц стиля и создавался этот сервис.) ';
	tt.value='div';
	} 
if(sel.options[sel.selectedIndex].value=='span'||alocas=='span')
	{
	hblok.childNodes[0].nodeValue='Строчный элемент. Для выделения подстроки например цветом, фоном, курсивом, жирным, подчеркнутым ... (аналог i, b, ..)';
	tt.value='span';
	} 
if(sel.options[sel.selectedIndex].value=='img'||alocas=='img')
	{
	hblok.childNodes[0].nodeValue='Свойства изображений, обтекание(clear), размеры(width, height), рамка(border), обрезание(clip), отступы(padding, margin) ...';
	tt.value='img';
	} 
if(sel.options[sel.selectedIndex].value=='hr'||alocas=='hr')
	{
	hblok.childNodes[0].nodeValue='Горизонтальные линии. Свойства - длинна, цвет, тощина ...';
	tt.value='hr';
	} 
if(sel.options[sel.selectedIndex].value=='table'||alocas=='table')
	{
	hblok.childNodes[0].nodeValue='Таблица. Свойства - положение текста в ячейках(text-align, vertical-align), размеры, свойства рамки(border...). Свойства заданные для table наследуются td, tr и th, аналогично tr для td, но могут быть переопределены в td и tr.';
	tt.value='table';
	} 
if(sel.options[sel.selectedIndex].value=='th'||alocas=='th')
	{
	hblok.childNodes[0].nodeValue='Шапка в таблице.';
	tt.value='th';
	} 
if(sel.options[sel.selectedIndex].value=='tr'||alocas=='tr')
	{
	hblok.childNodes[0].nodeValue='Ряды в таблице';
	tt.value='tr';
	} 
if(sel.options[sel.selectedIndex].value=='td'||alocas=='td')
	{
	hblok.childNodes[0].nodeValue='Ячеки в таблице. Фон, цвет, шрифт ... (свойства первой ячейки в каждом ряду - "tr td", аналогично первого ряда - "table tr" и т.д.)';
	tt.value='td';
	} 
if(sel.options[sel.selectedIndex].value=='frameset'||alocas=='frameset')
	{
	hblok.childNodes[0].nodeValue='Предваряет тег body в документе, содержащем фреймы';
	tt.value='frameset';
	} 
if(sel.options[sel.selectedIndex].value=='frame'||alocas=='frame')
	{
	hblok.childNodes[0].nodeValue='Определяет единичный фрейм или область в таблице фреймов';
	tt.value='frame';
	} 
if(sel.options[sel.selectedIndex].value=='form'||alocas=='form')
	{
	hblok.childNodes[0].nodeValue='Создает формы. border color background ...';
	tt.value='form';
	} 
if(sel.options[sel.selectedIndex].value=='select'||alocas=='select')
	{
	hblok.childNodes[0].nodeValue='Свойства выпадающих меню. Как сверху.';
	tt.value='select';
	} 
if(sel.options[sel.selectedIndex].value=='option'||alocas=='option')
	{
	hblok.childNodes[0].nodeValue='Указывает каждый отдельный элемент меню. Сверху.';
	tt.value='option';
	} 
if(sel.options[sel.selectedIndex].value=='input'||alocas=='input')
	{
	hblok.childNodes[0].nodeValue='Элементы ввода текста(логин пароль ..) кнопки(открыть сохранить ..). Можно задать цвет и border..';
	tt.value='input';
	} 
if(sel.options[sel.selectedIndex].value=='textarea'||alocas=='textarea')
	{
	hblok.childNodes[0].nodeValue='Многострочный элемент ввода текста с прокруткой(как этот). фон, шрифт ...';
	tt.value='textarea';
	} 
if(sel.options[sel.selectedIndex].value=='#menu'||alocas=='#menu')
	{
	hblok.childNodes[0].nodeValue='Свойства элемента меню (на этом сайте)';
	tt.value='#menu';
	} 
if(sel.options[sel.selectedIndex].value=='#posmenu'||alocas=='#posmenu')
	{
	hblok.childNodes[0].nodeValue='Позиция блока меню (на этом сайте)';
	tt.value='#posmenu';
	} 
if(sel.options[sel.selectedIndex].value=='#posmenuright'||alocas=='#posmenuright')
	{
	hblok.childNodes[0].nodeValue='Позиция блока меню (правого) (на этом сайте)';
	tt.value='#posmenuright';
	} 
if(sel.options[sel.selectedIndex].value=='#poiskform'||alocas=='#poiskform')
	{
	hblok.childNodes[0].nodeValue='Свойства формы поиска (на этом сайте)';
	tt.value='#poiskform';
	} 
if(sel.options[sel.selectedIndex].value=='#contentindex'||alocas=='#contentindex')
	{
	hblok.childNodes[0].nodeValue='Свойства основного поля (текст) (на этом сайте)';
	tt.value='#contentindex';
	} 
if(sel.options[sel.selectedIndex].value=='#contenttitle'||alocas=='#contenttitle')
	{
	hblok.childNodes[0].nodeValue='Свойства строки с названием станицы (под рисунком)';
	tt.value='#contenttitle';
	} 
if(sel.options[sel.selectedIndex].value=='#content'||alocas=='#content')
	{
	hblok.childNodes[0].nodeValue='Свойства основного поля (текст) (на этом сайте)';
	tt.value='#content';
	} 
if(sel.options[sel.selectedIndex].value=='#edit'||alocas=='#edit')
	{
	hblok.childNodes[0].nodeValue='Свойства основного поля (на этом сайте)';
	tt.value='#edit';
	} 
if(sel.options[sel.selectedIndex].value=='.pl'||alocas=='.pl')
	{
	hblok.childNodes[0].nodeValue='Свойства плюсов (кнопка сделана из тега а, не совсем корректно отображается в мозиле) на этой странице';
	tt.value='.pl';
	} 
if(sel.options[sel.selectedIndex].value=='.mi'||alocas=='.mi')
	{
	hblok.childNodes[0].nodeValue='Свойства минусов (кнопка сделана из тега а, не совсем корректно отображается в мозиле) на этой странице';
	tt.value='.mi';
	} 
aa=0;
alocas=0;
cfgh='0';
}








function shov2() 
{ 
document.getElementById('rd').style.visibility='visible'; 
document.getElementById('rd').style.position='relative'; 
} 

function hide2() 
{ 
document.getElementById('rd').style.visibility='hidden'; 
document.getElementById('rd').style.position='absolute';  
}

function shov3() 
{ 
document.getElementById('rd3').style.visibility='visible'; 
document.getElementById('rd3').style.position='relative'; 
} 

function hide3() 
{ 
document.getElementById('rd3').style.visibility='hidden'; 
document.getElementById('rd3').style.position='absolute';  
}