Текстовые эффекты CSS3
CSS3 содержит несколько новых функций текста.
В этой главе вы узнаете о следующих свойствах текста:
- text-shadow
- word-wrap
Тень текста CSS3
В CSS3, свойство text-shadow применяет тень к тексту.
Вы указываете горизонтальную тень, вертикальную тень, расстояние размытия и цвет тениПеренос слов CSS3
Если слово слишком длинное и не помещается в пределах коробки, оно вылазит наружу:В CSS3, свойство word-wrap позволяет переносить текст - даже если это означает разбиение слова на середине
Новые свойства текста
| Свойство | Описание | CSS |
|---|---|---|
| hanging-punctuation | Указывает, может ли знак препинания быть размещен за пределами линейного блока | 3 |
| punctuation-trim | Указывает, может ли знак препинания сокращен | 3 |
| text-align-last | Описывает, как последняя строка блока или линия прямо перед вынужденым переходом строки выравнивается, когда text-align установлен в "justify" | 3 |
| text-emphasis | Применяются диакритические знаки, и цвет диакритических знаков к тексту элементов | 3 |
| text-justify | Определяет метод выравнивания, когда text-align установлен в "justify" | 3 |
| text-outline | Указывает контур текста | 3 |
| text-overflow | Определяет, что должно произойти, когда текст переполняет содержащий его элемент | 3 |
| text-shadow | Добавляет тень к тексту | 3 |
| text-wrap | Определяет правила переноса текста | 3 |
| word-break | Определяет правила переноса для не CJK скриптов | 3 |
| word-wrap | Позволяет разделить длинные, неразбиваемые слова, и перенести их на следующую строку | 3 |