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

font

Свойства	font
Значения	<font-size>, [ /<line-height>], <font-family>
Значение по умолчанию	He определено
Поддерживается	Всеми элементами
Работает ли механизм наследования	Да
Возможна ли процентная запись	Только для <font-size>, <line-height>

Это свойство позволяет устанавливать сразу несколько свойств шрифта в одном месте, с начальными значениями, определенными для используемых свойств (т. е. значение, определенное по умолчанию для <font-size>, отличается от значения по умолчанию <font-family>). Данное свойство может быть использовано с соответствующими значениями, разделенными пробелами или запятыми, если устанавливается несколько шрифтов. fontFamily

Свойства

fontFamily

Значения

Название семейства шрифта (например, Anal)

Значение по умолчанию

Устанавливается браузером

Поддерживается

Всеми элементами

Работает ли механизм наследования

Да

Возможна ли процентная запись

Нет

Вы можете установить несколько возможных значений в порядке предпочтения (на тот случай, когда в браузере нет нужного шрифта). Для этого просто разделите их запятыми. Вы должны закончить родовым названием шрифта (допустимые значения serif, sans-serif, cursive, fantasy или monospace). Если имя шрифта состоит из нескольких слов, вы должны заключить эти слова в кавычки.

font-size

Свойства

fontSize

Значения

Значение по умолчанию

medium

Поддерживается

Всеми элементами

Работает ли механизм наследования

Да

Возможна ли процентная запись

Да (относительно родительского размера шрифта)

Значения для этого свойства могут быть выражены несколькими способами:

абсолютным размером, допустимые значения хх-small, x-small, small, medium, large, x -large, xx-large;
относительным размером, допустимые значения larger, smaller;
длиной в любых из описанных в начале раздела единицах измерения;
процентным отношением: значения представлены в процентах от родительского размера шрифта.

font-style

Свойства

fontStyle

Значения

normal, italic, oblique

Значение по умолчанию

normal

Поддерживается

Всеми элементами

Работает ли механизм наследования

Да

Возможна ли процентная запись

Нет

Это свойство используется для определения стиля вашего шрифта. Если существует уже готовый вариант шрифта (например, New York Oblique), то он будет применен, в противном случае изменение шрифта будет произведено программно.

font-variant

Свойства

fontVariant

Значения

normal, small-caps

Значение по умолчанию

normal

Поддерживается

Всеми элементами

Работает ли механизм наследования

Да

Возможна ли процентная запись

Нет

Normal — это стандартный вид, установленный по умолчанию, small-caps использует прописные буквы того же размера, что и обычные строчные.

font-weight

Свойства цвета и фона

Свойства	fontWeight
Значения	normal, bold, bolder, lighter или числовые значения от 100 до 900
Значение по умолчанию	normal
Поддерживается	Всеми элементами
Работает ли механизм наследования	Да
Возможна ли процентная запись	Нет
Определяет жирность шрифта текста, которая зависит от толщины линии. Если используется числовое выражение, то число обязательно должно быть кратным 100: 400 — то же, что и normal, 700 — то же, что и bold.

color

Свойства	color
Значения	Название цвета или его номер
Значение по умолчанию	Зависит от броузера
Поддерживается	Всеми элементами
Работает ли механизм наследования	Да
Возможна ли процентная запись	Нет

Устанавливает цвет текста элемента страницы. Цвет может быть задан названием (например, green) или номером в соответствии со шкалой RGB. Это значение может быть задано несколькими способами: в шестнадцатеричной системе, например "#FFFFFF", процентами -"80% ,20% ,0%" или в десятичной системе - "245, 0, 20".

Background

Свойства

background

Значения

transparent, <color>, <URL>, <repeat>, <scroTl>, <posltion>

Значение по умолчанию

transparent

Поддерживается

Всеми элементами

Работает ли механизм наследования

Нет

Возможна ли процентная запись

Да (относительно размера самого элемента)

Определяет параметры фона документа. Transparent означает отсутствие фона. Вы можете использовать для фона либо цвет, либо картинку с заданным адресом URL. Адрес может быть абсолютным или относительным, но обязательно должен быть заключен в скобки и располагаться непосредственно за словом url: BODY { background: url (http://mumu.com/image/picture.gif) } Можно использовать и цвет фона, и картинку. В таком случае картинка будет лежать поверх цветного фона. Цвет может быть либо чистым, либо смешанным из двух. Картинка имеет несколько настроек: <repeat> может иметь значения repeat, repeat -х, repeat-у и no-repeat; если эти значения не указаны, значением по умолчанию является repeat; <scroll> определяет при прокручивании страницы, будет ли картинка оставаться на месте или прокручиваться вместе с ней; возможные значения: fixed, scroll; <position> определяет расположение картинки на странице; значения могут быть процентными (горизонтальное, вертикальное), абсолютным расстоянием (горизонтальное, вертикальное) или определенными с помощью ключевых слои (допустимые значения: top, middle, bottom, left, center, right). Также есть возможность определить свойства фона по частям:

background-attachment

Свойства

backgroundAttachment

Значения

fixed, scroll

Значение по умолчанию

scroll

Поддерживается

Всеми элементами

Работает ли механизм наследования

Нет

Возможна ли процентная запись

Нет

Определяет, будет или нет фоновая картинка прокручиваться при прокрутке страницы.

background-color

Свойства

backgroundСolor

Значения

transparent, <color>

Значение по умолчанию

transparent

Поддерживается

Всеми элементами

Работает ли механизм наследования

Нет

Возможна ли процентная запись

Нет

Определяет цвет фона. Может быть один цвет или два смешанных цвета. Цвет задается названием (например, green) или номером по шкале RGB. Это значение может быть задано несколькими способами: в шестнадцатеричной системе например "#FFFFFF", процентами - "80%, 20%, 0%" или в десятичной системе "255,0,0". Синтаксис для использования двух смешанных цветов такой: BODY { background-color: red/blue }

background-image

Свойства

backgroundimage

Значения

<URL>,none

Значение по умолчанию

none

Поддерживается

Всеми элементами

Работает ли механизм наследования

Нет

Возможна ли процентная запись

Нет

С помощью этого свойства можно определить URL-адрес фоновой картинки. Адрес можно задавать абсолютным или относительным, но обязательно он должен быть заключен в скобки и идти непосредственно за словом url.

background-position

Свойства

backgroundposition

Значения

<position>, <length>, top, center, bottom, left,right

Значение по умолчанию

top, left

Поддерживается

Всеми элементами

Работает ли механизм наследования

Нет

Возможна ли процентная запись

Нет

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

background-repeat

Свойства текста

Свойства	backgroundrepeat
Значения	repeat, repeat-x, repeat-у, no-repeat
Значение по умолчанию	repeat
Поддерживается	Всеми элементами
Работает ли механизм наследования	Нет
Возможна ли процентная запись	Нет
Определяет, повторяется ли фоновая картинка для заполнения страницы или элемента. Если используются значения repeat -x, repeat-у, то картинка повторяется лишь вдоль одного направления. По умолчанию устанавливается повторение по обоим направлениям.

letter-spacing

Свойства	letterSpacing
Значения	normal, <length>
Значение по умолчанию	normal
Поддерживается	Всеми элементами
Работает ли механизм наследования	Да
Возможна ли процентная запись	Нет

Определяет расстояние между буквами, length обозначает добавочное расстояние между буквами. Оно должно быть выражено с указанием единиц измерения.

line-height

Свойства

lineHeight

Значения

<число>, <length>,<percentage>, normal

Значение по умолчанию

normal

Поддерживается

В зависимости от браузера

Работает ли механизм наследования

Да

Возможна ли процентная запись

Да, по отношению к размеру шрифта текущего элемента

Опрелеляет высоту текущей строки. Числовые значения интерпретируются как размер шрифта текущего элемента, умноженный на соответствующий коэффициент (например 1,2). Если используется length, должны указываться единицы измерения. Процентное соотношение используется в сравнении с текущим размером шрифта и должно быть больше 100%.

list-style

Свойства

listStyle

Значения

<ключевое слово>, <position>, <url>

Значение по умолчанию

normal

Поддерживается

В зависимости от браузера

Работает ли механизм наследования

Да

Возможна ли процентная запись

Нет

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

list-style-image

Свойства

listStylelmage

Значения

none,<url>

Значение по умолчанию

none

Поддерживается

Всеми элементами

Работает ли механизм наследования

Да

Возможна ли процентная запись

Нет

Определяет адрес картинки, используемой в качестве маркера или пиктограммы для каждого элемента списка.

list-style-position

Свойства

listStylePosition

Значения

inside, outside

Значение по умолчанию

outside

Поддерживается

Всеми элементами

Работает ли механизм наследования

Да

Возможна ли процентная запись

Нет

Указывает, внутри или вне тела списка должен находиться маркер.

list-style-type

Свойства

listStyleТype

Значения

none,circle,disk, square,decimal,lower-alpha, upper-alpha, lower -roman, upper-roman

Значение по умолчанию

disk

Поддерживается

Всеми элементами

Работает ли механизм наследования

Да

Возможна ли процентная запись

Нет

Определяет вид маркера списка, используемого перед каждым элементом.

text-align

Свойства

textAlign

Значения

left, right, center, justify

Значение по умолчанию

disk

Поддерживается

В зависимости от браузера

Работает ли механизм наследования

Да

Возможна ли процентная запись

Нет

Определяет, как текст будет выровнен относительно содержащего его элемента. По существу, делает то же, что и тэг <DIV AUGN= ...>.

text-decoration

Свойства

textDecoration, textDecorationLineThrough, textDecorationUnderLine, textDecorationOverUne

Значения

none,overline, underline,line-through

Значение по умолчанию

none

Поддерживается

Всеми элементами

Работает ли механизм наследования

Нет

Возможна ли процентная запись

Нет

Позволяет добиться специального вида текста. Открыт для расширений, неопознанные расширения интерпретируются как подчеркивание. Это свойство не наследуется, но обычно распространяется на дочерние элементы, лежащие внутри родительских.

text-indent

Свойства

Тypetextlndent

Значения

Значение по умолчанию

Zero

Поддерживается

Всеми элементами

Работает ли механизм наследования

Да

Возможна ли процентная запись

Да, относительно ширины родительского элемента

Устанавливает величину отступа в единицах измерения или в процентах от ширины родительского элемента.

text-transform

Свойства

textTransform

Значения

capitalize,uppercase,lowercase,none

Значение по умолчанию

none

Поддерживается

Всеми элементами

Работает ли механизм наследования

Да

Возможна ли процентная запись

Нет

capitalize делает заглавной первую букву каждого слова в элементе;
uppercase делает все буквы в словах элемента заглавными;
lowercase делает все буквы в словах элемента строчными;
nonе снимает все установки, приобретенные в результате наследования

vertical-align

Содержание раздела

Свойства	verticalAlign
Значения	baseline, sub, super, top, text-top,middl bottom, text-bottom, <percentage>
Значение по умолчанию	baseline
Поддерживается	Встроенными элементами
Работает ли механизм наследования	Нет
Возможна ли процентная запись	Да, по отношению к высоте строки
Определяет расположение текущего элемента по вертикали: baseline устанавливает выравнивание по образцу родительского элемента; middle устанавливает вертикальную среднюю линию элемента на основе родительского элемента плюс половина строки последнего; super переводит элемент в верхний регистр; sub переводит элемент в нижний регистр; text-top выравнивает элемент по верху текста, набранного шрифтом родительского элемента; text-bottom выравнивает элемент по низу текста, набранного шрифтом родительского элемента; top выравнивает верх элемента по верху самого высокого элемента текущей строки; bottom выравнивает по низу самого низкого элемента текущей строки.