CSS Интервал текста
CSS интервал и отступ в тексте
В этой главе вы узнаете о интервалах и отступах в тексте и CSS свойствах:
text-indentletter-spacingline-heightword-spacingwhite-space
Текст CSS свойство text-indent
CSS свойство text-indent используется для указания отступа первой строки текста:
Пример
p {
text-indent: 50px;
}
Попробуйте сами »
Текст CSS свойство letter-spacing
CSS свойство letter-spacing используется для указания пробела между символами в тексте.
В следующем примере показано, как увеличить или уменьшить пробел между символами:
Пример
h1 {
letter-spacing: 5px;
}
h2 {
letter-spacing: -2px;
}
Попробуйте сами »
Текст CSS свойство line-height
CSS свойство line-height используется для указания пробела между строками:
Пример
p.small {
line-height: 0.8;
}
p.big {
line-height: 1.8;
}
Попробуйте сами »
Текст CSS свойство word-spacing
CSS свойство word-spacing используется для указания пробела между словами в тексте.
Следующий пример демонстрирует, как увеличить или уменьшить интервал между словами:
Пример
p.one {
word-spacing: 10px;
}
p.two {
word-spacing: -2px;
}
Попробуйте сами »
Текст CSS свойство white-space
CSS свойство white-space определяет, как обрабатывается пробел внутри элемента.
В этом примере показано, как отключить перенос текста внутри элемента:
Пример
p {
white-space: nowrap;
}
Попробуйте сами »
Все CSS свойства интервала и отступ в тексте
| Свойство | Описание |
|---|---|
| letter-spacing | Задает интервал между символами в тексте |
| line-height | Задает высоту строки |
| text-indent | Задает отступ первой строки в текстовом блоке |
| white-space | Указывает, как обрабатывать пробелы внутри элемента |
| word-spacing | Задает интервал между словами в тексте |