Обрамление элементов

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 нет маркера