352 MGraphics.ru - CSS - Свойства FONT
Уроки photoshopa


CSS

Свойства FONT

Условия перепечатки материалов

Рейтинг статьи: 33333
Проголосовало 4 человека.
Оцените статью:

Свойства Font

  • font-family

Возможные значения:
[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

Свойства Text

  • 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%

    Сергей Витальевич Щербаков,
     webmaster@id.agava.ru,
    wtReu@inbox.ru
    http://css-tutorial.4u.ru/

    Разместил: Vulko
    Опубликовано: 21.06.2004
    Статья "CSS - Свойства FONT" прочтена 11082 раза.





Последние новости