1. Bitcoin адрес для пожертвований: 1dapfB97R98wg8J3hknWpMDJ7P61CWjNn
    Скрыть объявление
  2. Участникам форума доступны: Skype, WhatsApp и Telegram конференции. Присоединяйтесь!
  3. Наши основные группы и каналы: VK, Twitter. Подписывайтесь!
  4. Мы открыли музыкальный клуб! Заходи и ставь свое музло!
  5. Скрыть объявление

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

Тема в разделе "Архив", создана пользователем WTBG, 29 июл 2008.

  1. WTBG

    WTBG Старейшина

    Репутация

    0 / 0


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


    text-indent

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

    Значение:
    • любое соответствующее стандарту длина; возможны отрицательные значения. Значение по умолчанию равно 0.
    • любое соответствующее стандарту процентное значение.
    • inherit - применяется значение родительского элемента.
    Код (Text):
    1. p {text-indent:20px;}

    text-align

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

    Значение:
    • left - выравнивание по левому краю.
    • center - выравнивание по центру.
    • right - выравнивание по правому краю.
    • justify - выравнивание по обоим краям.
    • любая строка, соответствующая стандарту - определяет последовательность символов.
    • inherit - применяется значение родительского элемента.
    Код (Text):
    1. p {text-align: center;}

    text-decoration

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

    Значение:
    • none - отсутствие элементов оформления (по умолчанию).
    • underline - подчеркивание.
    • overline - линия над текстом.
    • line-through - перечеркивание.
    • blink - мерцание.
    • inherit - применяется значение родительского элемента.
    Код (Text):
    1. p {text-decoration: underline }
    text-transform

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

    Значение:
    • none - отсутствие изменения регистра (по умолчанию).
    • capitalize - переводит первую букву каждого слова в верхний регистр.
    • uppercase - переводит все буквы в верхний регистр.
    • lowercase -переводит все буквы в нижний регистр.
    • inherit - применяется значение родительского элемента.
    Код (Text):
    1. p {text-transform: uppercase }

    text-shadow

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

    Значение:
    • none - отсутствие значения (по умолчанию).
    • color - цвет затенения текста.
    • первое числовое значение, соответствует стандарту - расстоянию по горизонтали вправо от текста. Отрицательное значение соответствует расстоянию влево от текста.
    • второе числовое значение, соответствует стандарту - расстоянию по вертикали вниз от текста. Отрицательное значение соответствует расстоянию вверх от текста.
    • третье числовое значение, соответствует стандарту - радиус нерезкости тени текста.
    • inherit - применяется значение родительского элемента.
    Код (Text):
    1. h1{text-shadow: blue 5px 5px 3px}

    letter-spacing

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

    Значение:
    • none - интервал, обычные для используемого шрифта.
    • любая длина, соответствующее стандартам, длина интервала межу букв.
    • inherit - применяется значение родительского элемента.
    Код (Text):
    1. p { letter-spacing: 5px }

    word-spacing

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

    Значение:
    • none - интервал, обычный для используемого шрифта.
    • любая длина, соответствующая стандарту, длина интервала между словами.
    • inherit - применяется значение родительского элемента.
    Код (Text):
    1. p{word-spacing: 2px}

    white-space

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

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

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