CSS Тінь тексту
Тінь тексту
Властивість text-shadow додає тінь до тексту.
В простому випадку ви вказуєте лише горизонтальну тінь (2px) та вертикальну тінь (2px):
Ефект тіні тексту!
Потім до тіні можна додати колір (наприклад, red - червоний):
Ефект тіні тексту!
Потім до тіні можна додати ефект розмиття (5px):
Ефект тіні тексту!
Порада: Перейдіть до розділу CSS Шрифти на нашому сайті W3Schools українською, щоб дізнатись, як змінювати шрифти, розмір та стиль тексту.
Порада: Перейдіть до розділу CSS Ефекти тексту на нашому сайті, щоб дізнатись про різні текстові ефекти.
Перевірте себе за допомогою вправ!
Всі CSS властивості тексту
| Властивість | Опис |
|---|---|
| color | Визначає колір тексту |
| direction | Задає напрямок тексту |
| letter-spacing | Збільшує або зменшує відстань між символами в тексті |
| line-height | Визначає висоту рядка |
| text-align | Задає горизонтальне вирівнювання тексту |
| text-decoration | Визначає оформлення, додане до тексту |
| text-indent | Задає відступ першого рядка в текстовому блоці |
| text-shadow | Визначає ефект тіні, що додається до тексту |
| text-transform | Керує заголовними літерами тексту |
| text-overflow | Визначає, як користувачу слід сигналізувати про переповнений зміст, який не відображається |
| unicode-bidi | Використовується разом з властивістю direction для встановлення або повернення, чи слід перевизначити текст для підтримки кількох мов в одному документі. |
| vertical-align | Визначає вертикальне вирівнювання елементу |
| white-space | Визначає, як обробляються пробіли всередині елемента |
| word-spacing | Збільшує або зменшує відстань між словами в тексті |
