Обрамление элементов
BACKGROUND.
Свойства стилей
Имена свойств состоят из одного ,а чаще из нескольких слов, разделенных дефисом. В сложных названиях первое слово обычно представляет категорию и одновременно является сокращенным вариантом имени свойства.
Background-attachment определяет, является ли фоновое изображение зафиксированным в окне программы или может сдвигаться при использовании линеек прокрутки. Имеет значение fixed или scroll.
Background-color используется для изменения фонового цвета элемента страницы.
Background-image указывает URL адрес изображения. Позволяет вывести элемент страницы на фоновом изображении.
Background-position:Х У это свойство используется для изменения положения фонового изображения. Положение всегда отсчитывается от верхнего левого угла элемента, содержащего изображение.
Top выравнивает по верхнему краю имеет значение только У.
left выравнивает по левому краю элемента имеет значение только Х.
right выравнивает по правому краю элемента имеет значение только Х
bottom выравнивает изображение по нижнему краю элемента имеет только значение У.
center центрирует изображение по Х и по У.
Background-repeat программа просмотра может размножить изображение и заполнить им фон всего элемента.
Repeat повторяет изображение по вертикали и по горизонтали
repeat-xповторяет по горизонтали
repeat-y повторяет по вертикали
no-repeat не размножает изображение.
Элементы обрамляют три группы свойств: border-используется для определения рамок, margin-определяют поля, padding-указывает свободное пространство между рамкой и элементом.
Border-bottom-width определяет ширину нижней рамки
border-right-width определяет ширину правой рамки
border-left-widthопределяет ширину левой рамки
border-top-widthопределяет ширину верхней рамки
border-colorустанавливает цвет рамки элемента
border-styleопределяет стиль рамки элемента может быть присвоено 1или до 4 значений. 1-все рамки одинаковые; 2-верх и низ указываются первыми. левая и правая рамка указывается вторым значением; 3-верх первое значение, лево право второе значение, низ указывается третьим; 4-верх указывается первым, затем право, низ, лево. Значения стиля:
noneотсутствует-просто цветная полоса
dottedточечная линия
dashed штриховая линия
solid обычная линия
double двойная линия ширина и расстояние между ними соответствуют border-width
groove вдавленная линия
ridge выпуклая линия
inset вдавленная с тенью
outset выпуклая с тенью
Свойство clear запрещает вывод плавающих элементов имеет значения:
none нет запрета
left элементы запрещены слева
right элементы запрещены справа
Height устанавливает общую высоту элемента
width устанавливает общую ширину элемента
margin-bottom определяет нижние поле элементов. Для спецэффектов могут применяться и отрицательные значения.
margin-left определяет левое поле элемента.
margin-right определяет правое поле.
margin-top определяет верхнее поле.
Padding определяет величину свободного места между стороной рамки и содержимым элемента имеет значение:top left right bottom. Свойство color устанавливает цвет элемента.
8.3 Свойства списков.
Свойства списков наследуются, то есть если вы определили свойства в теге UL или OL оно будет действительно для всех тегов Li.
List-style-image определяет изображение используемое в качестве маркера имеет значение URL.
List-style-position определяет относительную позицию маркера имеет 2 значения:
inside текст пункта при переводе строки начинается под маркером
outside текст пункта при переводе строки начинается под текстом предыдущего пункта.
List-style-type определяет тип маркера. Применяется вместо List-style-image.
Свойство имеет значения:
Disk заштрихованный круг
circle круг
square квадрат
decimal арабские цифры
lower-roman маленькие римские цифры
upper-roman большие римские цифры
lower-alpha маленькие буквы
upper-alpha большие буквы
none нет маркера