Текст CSS (Текст)

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

Использование CSS для форматирования текста

CSS имеет несколько атрибутов для определения стиля текста. Эти атрибуты позволяют вам точно контролироватьСимвол，Пробел，Слово，Абзаци их визуальный вид.

Вы можете установить следующие текстовые атрибуты элемента:

Цвет текста

Цвет текста определяется CSS colorОпределение атрибута.Узнайте больше о color.

h1　{
　　　　color:　#ff0000;
}
p　{
　　　　color:　green;
}

Выравнивание текста

Этоtext-alignАтрибут используется для установки горизонтального выравнивания текста.

Возможные значения этого атрибута: left, right, center, justify и inherit.

h1　{
　　　　text-align:　center;
}
p　{
　　　　text-align:　justify;
}

Текстовое украшение

Этоtext-decorationСвойство используется для установки или удаления текстового подчеркивания.

Возможные значения этого свойства: none, underline, overline, line-through, blink и inherit. Вы должны избегать использования подчеркивания текста, не являющегося ссылкой,否则 пользователи могут быть смущены.

h1　{
　　　　text-decoration:　overline;
}
h2　{
　　　　text-decoration:　line-through;
}
h3　{
　　　　text-decoration:　underline;
}

Удаление стандартного подчеркивания гиперссылки

Свойство text-decoration обычно используется для удаления стандартной подчеркивания из гиперссылок. Полное удаление подчеркивания может привести к тому, что пользователи будут чувствовать себя смущенными. Unless you provide other visual cues to make it stand out, and also design the link style.

Например, вы можете использовать точку вместо сплошной линии под ссылкой.

a　{
　　　　text-decoration:　none;
　　　　border-bottom:　1px　dotted;
}

Текстовая трансформация

Свойство text-transform используется для установки размера текста.

它可以 использоваться для установки текста в элементе в верхний регистр, нижний регистр или для того, чтобы первая буква каждого слова была заглавной. Возможные значения свойства text-transform: none, capitalize, uppercase, lowercase и inherit.

p.up　{
　　　　text-transform:　uppercase;
}
p.cap　{
　　　　text-transform:　capitalize;
}
p.low　{
　　　　text-transform:　lowercase;
}

Отступ текста

Свойство text-indent используется для установки отступа первого строки текста элемента. Возможные значения свойства text-indent:Процент（%），Длинаили inherit.

Ниже приведен пример того, как отступить первое предложение абзаца.

p　{
　　　　text-indent:　100px;
}

Интервал между словами

word-spacing — это свойство, используемое для установки интервала между словами.

• Интервал между символами может зависеть от способа выравнивания текста. Проверьтеtext-alignСвойства.

• При сохранении пробелов все пробельные символы受到影响 интервалом между словами. См. CSS white-spaceСвойства.

Возможные значения свойства word-spacing:lengthУказание интервала между словами, normal и inherit.

p.one　{
　　　　word-spacing:　20px;
}
p.two　{
　　　　word-spacing:　20px;
　　　　text-align:　justify;
}
p.three　{
　　　　word-spacing:　20px;
　　　　white-space:　pre;
}

Интервал символов

Этоletter-spacingСвойство используется для установки дополнительного интервала между символами текста.

Возможные значения этого свойства:lengthУказание defaultValue для интервала между символами normal и добавление дополнительного интервала между символами и inherit.

h1　{
　　　　letter-spacing:　-3px;
}
p　{
　　　　letter-spacing:　10px;
}

Интервал строк

Этоline-heightОпределяет высоту строки одного текста (также称为Lead）

Возможные значения этого свойства:Процент（%），Длина，Количество，normal и inherit.

p　{
　　　　line-height:　1.2;
}

Если значение числовое, то высота строки рассчитывается, умножая размер шрифта элемента на это число. А процентное значение относительно размера шрифта элемента.

Если значение атрибута line-height большеfont-sizeЕсли значение элемента, то это различие (называется“Лидер”）разрезается пополам (называется“Полу领先”），и равномерно распределены в верхнем и нижнем ячейках строки in.

p　{
　　　　font-size:　14px;
　　　　line-height:　20px;
　　　　background-color:　#f0e68c;
}

Для получения дополнительной информации о стилях текста см.шрифтыиТекстСвойства.