Text-shadow, CSS, WebReference

Додає тінь до тексту, а також встановлює її параметри: колір тіні, зміщення щодо напису та радіус розмиття. Властивість text-shadow може працювати спільно з псевдоелементами: first-letter і: first-line.

коротка інформація

Значення за замовчуваннямНаслідуєтьсяЗастосовуєтьсяАнімується

none

Так

До всіх елементів

Так

Позначення

Опис Приклад

Вказує тип значення.
A && B	Значення мають виводитися у вказаному порядку.	&&
A B	Вказує, що треба вибрати лише одне значення із запропонованих (A або B).	normal small-caps
A B	Кожне значення може використовуватись самостійно або спільно з іншими у довільному порядку.	width count
[]	Групує значення.	[crop cross]
*	Повторювати нуль або більше разів.	[, ]*
+	Повторювати один чи більше разів.	+
?	Зазначений тип, слово чи група не є обов'язковим.	inset?
	Повторювати щонайменше A, але з більше разів.
#	Повторювати один або більше разів через кому.	#

×

Дозволяється вказувати кілька параметрів тіні, розділяючи їх між собою комою. У CSS3 враховується наступний порядок: перша тінь у списку розміщується на самому верху, остання у списку – у самому низу. У CSS2 порядок навпаки: перша тінь розміщується на самому низу, а остання на самому верху.

Результат прикладу показано на рис. 1.

Об'єктна модель

Примітка

Safari до версії 4 підтримує лише одну тінь, решта ігнорується. З версії 4 працює вже безліч тіней.

Internet Explorer розуміє властивість text-shadow тільки з версії 10. До цього використовується властивість filter: Shadow (параметри). Наприклад, наступна конструкція задає колір тіні (#666666), її напрямок (45° від вертикалі) і величину усунення (4 пікселя).

Специфікація?

Специфікація Статус

CSS Transitions	Робочий проект
CSS Text-decoration Level 3	Можлива рекомендація

Специфікація

Кожна специфікація проходить кілька стадій схвалення.

10

12

2

9.5

1.1

3.5

2.1

1

9.6

1.2

У таблиці браузерів застосовуються такі позначення.

• - Властивість повністю підтримується браузером з усіма допустимими значеннями;
• - властивість браузером не сприймається та ігнорується;
• — під час роботи можлива поява різних помилок, або властивість підтримується лише частково, наприклад, в повному обсязі допустимі значення діють чи властивість застосовується не до всіх елементів, зазначених у специфікації.

Число вказує версію браузера, з якої властивість підтримується.

---