Работа с текстом в CSS



Text-align

Данное свойство существует для выравнивания текста. Оно аналогично свойству align в html. Может иметь 4 значения:

  1. left - выравнивание по левому краю, используется по умолчанию;
  2. right - выравнивание по правому краю;
  3. center - выравнивание по центру;
  4. justify - выравнивание по ширине (правому и левому краю одновременно).

Text-decoration

Часто свойство text-decoration используется для работы со ссылками. На данный момент имеется 5 различных значений:

  1. none - текст особым образом не выделяется;
  2. underline - текст подчёркивается снизу;
  3. overline - текст выделяется горизонтальной линией сверху, так сказать, надчёркивается;
  4. line-through - текст зачёркнут горизонтальной линией;
  5. blink - мигающий текст.

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

Text-indent

Свойство text-indent позволяет создавать отступы первой строки абзаца от основного текста. Отступы можно задавать в единицах длины или процентах от основного текста абзаца. Обычно свойство text-indent используют для создания красной строки. Можно задать как положительный отступ, так и отрицательный, например:

p {
text-indent:-5%;
}

Text-transform

Позволяет изменять регистр знаков, проще говоря, менять большие буквы на маленькие и наоборот. Может иметь 4 значения:

  1. capitalize - меняет каждую первую букву слова на заглавную;
  2. uppercase - меняет буквы всех слов на заглавные;
  3. lovercase - меняет буквы все слов на строчные;
  4. none - регистр не изменяется, задано по умолчанию.

Интервалы

В CSS существуют 3 свойства, при помощи которых можно задавать различные интервалы между буквами, словами и строчками в тексте:

  1. letter-spacing - интервал между буквами;
  2. word-spacing - интервал между словами;
  3. line-height - интервал между строками.

На этом данная глава заканчивается.

2012 год.


<<Предыдущая | В раздел | Следующая>>