Свойства текста text css


CSS

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

меню


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

В их состав входят свойства выравнивания такие, как text-align и word-spacing, а также свойства изменения стиля text-decoration и новое свойство text-shadow.

      text-indent  

Определяет длину отступа в первой строке блока.

Значение:

  • любое соответствующее стандарту длина; возможны отрицательные значения. Значение по умолчанию равно 0.
  • любое соответствующее стандарту процентное значение.
  • inherit - применяется значение родительского элемента.

    p {text-indent:20px;}

Примеры: [1]

      text-align  

Определяет выравнивание текста в элементе.

Значение:

  • left - выравнивание по левому краю.
  • center - выравнивание по центру.
  • right - выравнивание по правому краю.
  • justify - выравнивание по обоим краям.
  • любая строка, соответствующая стандарту - определяет последовательность символов.
  • inherit - применяется значение родительского элемента.

    p {text-align: center;}

Примеры: [1][2]

      text-decoration  

Определяет оформление текста.

Значение:

  • none - отсутствие элементов оформления (по умолчанию).
  • underline - подчеркивание.
  • overline - линия над текстом.
  • line-through - перечеркивание.
  • blink - мерцание.
  • inherit - применяется значение родительского элемента.

    p {text-decoration: underline }

Примеры: [1][2]

      text-transform  

Автоматически переводит в тексте буквы в верхний (нижний) регистр.

Значение:

  • none - отсутствие изменения регистра (по умолчанию).
  • capitalize - переводит первую букву каждого слова в верхний регистр.
  • uppercase - переводит все буквы в верхний регистр.
  • lowercase -переводит все буквы в нижний регистр.
  • inherit - применяется значение родительского элемента.

    p {text-transform: uppercase }

Примеры: [1]

      text-shadow  

Определяет значения, устанавливающие эффект затенения текста. Может содержать несколько значений, которые следует определить друг за друга запятыми. В каждом отдельном значении теневых эффектов обязательно должно быть значение смещения и возможны такие значения, как радиус резкости и цвет.

Значение:

  • none - отсутствие значения (по умолчанию).
  • color - цвет затенения текста.
  • первое числовое значение, соответствует стандарту - расстоянию по горизонтали вправо от текста. Отрицательное значение соответствует расстоянию влево от текста.
  • второе числовое значение, соответствует стандарту - расстоянию по вертикали вниз от текста. Отрицательное значение соответствует расстоянию вверх от текста.
  • третье числовое значение, соответствует стандарту - радиус нерезкости тени текста.
  • inherit - применяется значение родительского элемента.

   h1{text-shadow: blue 5px 5px 3px}

      letter-spacing  

Определяет интервал между символами текста.

Значение:

  • none - интервал, обычные для используемого шрифта.
  • любая длина, соответствующее стандартам, длина интервала межу букв.
  • inherit - применяется значение родительского элемента.

   p { letter-spacing: 5px }

Примеры: [1]

      word-spacing  

Определяет интервал между словами.

Значение:

  • none - интервал, обычный для используемого шрифта.
  • любая длина, соответствующая стандарту, длина интервала между словами.
  • inherit - применяется значение родительского элемента.

    p{word-spacing: 2px}

Примеры: [1]

      white-space  

Определяет, как обрабатывать пробелы.

Значение:

  • normal - пробелы сворачиваются, если это необходимо для размещения элемента. Этот способ, который использует HTML по умолчанию
  • pre - пробелы обрабатываются так, как указано в коде (предварительно отформатированный текст).
  • nowrap - сворачиваются все пробелы.
  • inherit - применяется значение родительского элемента.

    p { white-space: pre}
На верх Написать письмо WEB-мастеру Печать Добавить в избранное Cделать стартовой