Свойства шрифта текста

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

Background.

Свойства стилей

Имена свойств состоят из одного,а чаще из нескольких слов, разделенных дефисом. В сложных названиях первое слово обычно представляет категорию и одновременно является сокращенным вариантом имени свойства.

Background-attachment ______________________________________________

___________________________________________________________________________________________________________________________________________________________________________________________________________________

Background-color ___________________________________________________

___________________________________________________________________

Background-image _______________________________________________________________________________________________________________________________________________

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 _____________________________________________________________

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 _____________________________________________________

___________________________________________________________________

List-style-position ________________________________________________________________________________________________________________________________________________

inside ______________________________________________________________

outside ________________________________________________________ ________________________________________________________________________

List-style-type _______________________________________________________

Свойство имеет значения:

Disk заштрихованный круг

circle круг

square квадрат

decimal арабские цифры

lower-roman маленькие римские цифры

upper-roman большие римские цифры

lower-alpha маленькие буквы

upper-alpha большие буквы

none нет маркера

Color определяет цвет содержимого элемента

font-family определяет гарнитуру шрифта, может быть указана одна или несколько гарнитур, а можно указать тип шрифта:

serif _______________________________________________________________

sans-serif ___________________________________________________________

cursive ____________________________________________________________

fantasy ____________________________________________________________

monospace _________________________________________________________

font-size ________________________________________________________________________________________________________________________________________________

xx-small очень маленькие

x-small маленькие

medium шрифт средней величины

large крупные буквы

x-large на 50% больше чем large

xx-large на 50% больше чем x-large

larger чуть крупнее средних букв

smaller чуть мельче средних букв

font-style __________________________________________________________

normal ____________________________________________________________

oblique ____________________________________________________________

italic ______________________________________________________________

font-variant ________________________________________________________

small-caps _________________________________________________________

normal ____________________________________________________________

font-weight _________________________________________________________

normal обычный вывод

bold жирный шрифт

bolder полу-жирный шрифт

lighter полутонкий шрифт

можно задавать значение числами (100, 200,……чем больше, тем жирнее начертание).

Дата добавления: 2014-01-14