Свойство text-shadow в CSS
- предыдущая страница переполнение текста
- следующая страница text-transform
определение и использование
атрибут text-shadow устанавливает тень для текста.
смотрите также:
руководство по CSS3:Эффекты текста в CSS3
руководство по HTML DOM:атрибут textShadow
пример
базовый эффект текста с тенью:
h1
{
text-shadow: 5px 5px 5px #FF0000;
}
более сложные примеры в нижней части страницы.
CSS синтаксис
text-shadow: h-shadow v-shadow blur color;
комментарий:атрибут text-shadow добавляет один или несколько тени к тексту. Этот атрибут представляет собой список теней, разделенный запятыми, каждая тень содержит два или три длины и Optional цвет.
значение атрибута
| значение | описание | тест |
|---|---|---|
| h-shadow | обязателен. Горизонтальное положение тени. Допускаются отрицательные значения. | тест |
| v-shadow | обязателен. Вертикальное положение тени. Допускаются отрицательные значения. | тест |
| blur | дополнительные параметры. Расстояние размытия. | тест |
| color | дополнительные параметры. Цвет тени. См. Значения цветов CSS. | тест |
технические детали
| по умолчанию: | нет |
|---|---|
| наследование: | да |
| версия: | CSS3 |
| JavaScript синтаксис: | объект.style.textShadow="2px 2px #ff0000" |
более сложные примеры
- текст с размытой тенью
- Этот пример демонстрирует текст с размытой тенью.
- тень на белом тексте
- Этот пример демонстрирует текст с тенью на белом фоне.
- текст с эффектом неоновой подсветки
- Этот пример демонстрирует текст с эффектом неоновой подсветки.
поддержка браузерами
Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 4.0 | 10.0 | 3.5 | 4.0 | 9.6 |
- предыдущая страница переполнение текста
- следующая страница text-transform
