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

Сводная таблица свойств текста

Форматирование текста

• font-family

Возможные значения: любой шрифт

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

ПРИМЕР:  font-family:Arial Black URL('arialblack.ttf')

• font-style

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

normal - без изменений

italic - курсив

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

ПРИМЕР: font-style:italic

• font-variant

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

normal - без изменений

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

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

ПРИМЕР: font-variant:small-caps

• font-weight

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

normal - без изменений

 bold - жирный

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

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

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

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

ПРИМЕР: font-weight:bold

• font-size

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

размер (+)

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

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

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

ПРИМЕР: font-size:30pt

• font

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

 font-family

font-style

font-variant

font-weight

font-size

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

ПРИМЕР: font: italic bolder Arial 12pt

Свойства Color и Background

• color

Описание: цвет

ПРИМЕР: color:#f00000

• background-color

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

Описание: цвет фона элемента

ПРИМЕР: background-color:#f00000

• background-image

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

none - нет

URL (+)

Описание: фоновое изображение

ПРИМЕР: background-image:URL(cool.gif)

• background-repeat

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

repeat - размножает фоновое изображение во всех направлениях

repeat-x - размножает фоновое изображение горизонтально

repeat-y - размножает фоновое изображение вертикально

no-repeat - не повторяющиеся изображение

Описание: повторения фонового изображения

ПРИМЕР: background-repeat:no-repeat

• background-attachment

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

scroll -

 fixed - не скроллится. Фиксируется в одном месте. Не работает в Нетскейпе

Описание: возможность прокрутки фонового изображения

ПРИМЕР: background-attachment:fixed

• background-position

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

процент от ширины + процент от высоты (+)

top, middle, bottom - одно из значений

left, center, right - одно из начений

расстояние от левого края + расстояние от вершины

Описание: положение фонового изображения (работает с background-repeat равным repeat-x, repeat-y или no-repeat)

ПРИМЕР: background-position:50%0%

• background

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

background-color

background-image

backgroun-position

background-attachment

background-repeat

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

ПРИМЕР: background:no-repeat black fixed 50%0%