Справочник по 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

Ссылки на источники

https://developer.mozilla.org/en/CSS/text-shadow

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="https://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования