Свойства Text

Font-family

Свойства Font

Часть Il. Cвойства CSS

Возможные значения:

[1] любой шрифт

*Применимо для: всех элементов

Описание: это свойство определяет используемый элементом шрифт. Если указать URL, то шрифт автоматически установится на компьютер пользователя

ПРИКЛАД:

font-family:Arial Black URL('arialblack.ttf')

· font-style

Возможные значения:

[1] normal - без изменений

[2] italic - курсив

*Применимо для: всех элементов

Описание: стиль элемента. Курсивный или обычный

ПРИКЛАД:

font-style:italic

· font-variant

Возможные значения:

[1] normal - без изменений

[2] small-caps - заменяет все маленькие буквы на большие

*Применимо для: всех элементов

Описание: варианты отображения шрифта. Нетскейп не поддерживает это свойство

ПРИКЛАД:

font-variant:small-caps

· font-weight

Возможные значения:

[1] normal - без изменений

[2] bold – жирный

[3] bolder - очень жирный (в MSIE не отличается от bold, в Нетскейпе от нормал)

[4] lighter - тонкий (не отличается от normal)

[5] любое значение от 100 до 900

*Применимо для: всех элементов

Описание: выделение (жирность) элемента

ПРИКЛАД:

font-weight:bold

· font-size

Возможные значения:

[1] размер (+)

[2] xx-small, x-small, small, medium, large, x-large, xx-large - любое из этих значений

[3] smaller, larger - любое из этих значений

*Применимо для: всех элементов

Описание: размер шрифта

ПРИКЛАД:

font-size:30pt

· font

Возможные значения:

[1] font-family

[2] font-style

[3] font-variant

[4] font-weight

[5] font-size

*Применимо для: всех элементов

Описание: обобщает вышеперечисленные свойства

ПРИКЛАД:

font: italic bolder Arial 12pt

· word-spacing

Возможные значения:

[1] длина (+)

[2] normal - без изменений

*Применимо для: всех элементов

Описание: расстояние между cловами. Не работает ни в Нетскейпе, ни в MSIE

ПРИКЛАД:

word-spacing:0.4em

· text-decoration

Возможные значения:

[1] none – нет

[2] underline – подчеркнутый

[3] overline - надчеркнутый (не поддерживается в Нетскейпе)

[4] line-through – перечеркнутый

[5] blink - мигающий (не поддерживается в IE)

*Применимо для: всех элементов

Описание: "украшение" текста

ПРИКЛАД:

text-decoration:line-through

· letter-spacing

Возможные значения:

[1] длина (+)

[2] normal - без изменений

*Применимо для: всех элементов

Описание: расстояние между буквами. Не работает в Нетскейпе

ПРИКЛАД:

letter-spacing:100

· vertical-align

Возможные значения:

[1] baseline

[2] sub

[3] super

[4] top-text

[5] top

[6] middle

[7] bottom

[8] bottom-text

[9] процент

*Применимо для: inline элементов

Описание: позиционирование элементов по отношению к другим элементам стоящих в одном ряду. Не работает в Нетскейпе

ПРИКЛАД:

vertical-align:top-text

· text-transform

Возможные значения:

[1] none – нет

[2] Capitalize - каждое слово начинается с большой буквы

[3] UPPERCASE - каждая буква текста становится заглавной

[4] lowercase - каждая буква текста становится маленькой

*Применимо для: inline элементов

Описание: изменение текста. Не работает в Нетскейпе

ПРИКЛАД:

text-transform:Capitalize

· text-align

Возможные значения:

[1] left - текст слева

[2] right - текст справа

[3] center - текст по центру

[3] justify - текст "растянут"

*Применимо для: block-level элементов

Описание: положение текста

ПРИКЛАД:

text-align:right

· text-indent

Возможные значения:

[1] длина (+)

[2] процент (+)

*Применимо для: block-level элементов

Описание: отступ

ПРИКЛАД:

text-indent:30 em

· line-height

Возможные значения:

[1] normal - без изменений

[2] длина (+)

[3] процент

*Применимо для: всех элементов

Описание: отступ сверху

ПРИКЛАД:

line-height:100%