Учебник CSS

Глава 4 - Свойства текста

  • word-spacing
    Атрибут определяет оформление интервала между слов.
    Синтаксис: селектор {word-spacing: тип}
    • normal.
      Синтаксис: селектор {word-spacing:normal }
    • em.
      К обычному пробелу прибавляется ширина одной буквы m или нескольких
      Синтаксис: селектор {word-spacing:3em }

  • letter-spacing
    Атрибут определяет оформление интервала между символами.
    Синтаксис: селектор {letter-spacing: значение} либо normal.
    Синтаксис: селектор {letter-spacing:normal }

  • white-space
    Атрибут определяет оформление пробелов в тексте.
    Синтаксис: селектор {white-space: значение}
    может принимать значения:
    • normal.
    • pre.
    • nowrap.

  • line-height
    Атрибут определяет межстрочный интервал при помощи одной из пяти размерностей:
    • Пункты.
      Синтаксис: селектор {line-height: 12pt}
    • Дюймы.
      Синтаксис: селектор {line-height: 12in}
    • Сантиметры.
      Синтаксис: селектор {line-height: 12cm}
    • Пиксели.
      Синтаксис: селектор {line-height: 12px}
    • Проценты.
      Синтаксис: селектор {line-height: 50%}


  • text-decoration
    Атрибут определяет оформление начертания шрифта.
    Синтаксис: селектор {text-decoration: тип}
    • Упрощённый.
      Синтаксис: селектор {text-decoration: none }
    • Подчеркнутый.
      Синтаксис: селектор {text-decoration: underline }
    • Надчеркнутый.
      Синтаксис: селектор {text-decoration: overline }
    • Наклонный.
      Синтаксис: селектор {text-decoration: italic }
    • Линия насквозь.
      Синтаксис: селектор {text-decoration: line-through }

  • text-indent
    Атрибут определяет отступ текста.
    Синтаксис: селектор {text-indent: число}
    • Пункты.
      Синтаксис: селектор {text-indent: 12pt}
    • Дюймы.
      Синтаксис: селектор {text-indent: 12in}
    • Сантиметры.
      Синтаксис: селектор {text-indent: 12cm}
    • Пиксели.
      Синтаксис: селектор {text-indent: 12px}

    Браузер Internet Explorer поддерживает отрицательные значения атрибутов полей и отступа. Эта функциональная особенность позволяет добиваться интересных и необычных эффектов, что положительно сказывается на читабельности страницы.

  • text-align
    Атрибут позволяет изменить режим выравнивания текста.
    Синтаксис: селектор {text-align: расположение}
    • По правому краю.
      Синтаксис: селектор {text-align: right }
    • По левому краю.
      Синтаксис: селектор {text-align: left }
    • По центру.
      Синтаксис: селектор {text-align: center }

  • text-transform
    Атрибут позволяет изменить регистр шрифта текста.
    Синтаксис: селектор {text-transform: none}
    так же может принимать значения:
    • capitalize.
    • uppercase.
    • lowercase.
    Выравнивание больших фрагментов по левому краю является единственно разумным решением с точки зрения читабельности. Выравнивание по правому краю логичнее всего назначать небольшим фрагментам текста, например, выноскам. Хотя с помощью атрибута BODY определяются значения полей для всей страницы, атрибут поля можно включать в любой элемент HTML, например, в заголовки или абзацы.