Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Шрифт и Текст : text-shadow
смотрим также
-
Источник: #.
Материал из Справочник Web-языков
Содержание |
text-shadow
Задает список эффектов тени, которые применяются к тексту.
Синтаксис
text-rendering: none | [<shadow>,]* <shadow>, | где <shadow> это: | [ <color>? <offset-x> <offset-y> <blur-radius>? | <offset-x> <offset-y> <blur-radius>? <color>? ] |
Используемые значения
- color
- Необязательное. Описывается до или после значений длины (length). Если цвет не задан, то он автоматически выбирается браузером пользователя. Gecko/Firefox в таком случае используют цвет, заданный для элемента в свойстве color; другие браузеры могут вести себя иначе.
- offset-x offset-y
- Обязательные. Эти значения длины (length) задают смещение тени. Offset-x отвечает за горизонтальное смещение, отрицательные значения смещают тень левее надписи. Offset-y отвечает за вертикальное смещение, отрицательные значения смещают тень выше надписи. Когда для обоих параметров задано значение 0, тень располагается непосредственно за текстом, и может создаваться эффект размытия, если задано значение для blur-radius.
- blur-radius
- Необязательное. Если не задано, то по умолчанию имеет значение 0. Увеличивая это значение, вы создаете эффект размытия тени - она становится шире и менее яркой.
Значения по умолчанию нет. Атрибут Каскадных таблиц стилей (CSS) наследуется.
Замечания
Множественные эффекты тени применяются следующим образом: первый описываемый эффект располагается выше всех, остальные за ним.
Примеры
В примерах показано как описать свойство text-shadow.
text-shadow: orange 0 -2px;
text-shadow: 1px 1px 2px black, 0 0 1em blue, 0 0 0.2em blue; color: white; font: 1.5em Georgia, "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;
text-shadow: rgba(0,0,0,0.1) -1px 0, rgba(0,0,0,0.1) 0 -1px, rgba(255,255,255,0.1) 1px 0, rgba(255,255,255,0.1) 0 1px, rgba(0,0,0,0.1) -1px -1px, rgba(255,255,255,0.1) 1px 1px; color: gold; background: gold;
Стандарты
Это свойство описано в CSS 3 Text #text-shadow
Поддерживаемые браузеры
Firefox (Gecko) начиная с версии 3.5 (1.9.1) Opera начиная с версии 9.5 Safari (WebKit) начиная с версии 1.1 (100) Konqueror начиная с версии 3.4 Chromium начиная с версии 2.0.158.0
Смотрите также
-moz-box-shadow