Slyweb
На разработку сайта! Скидки 50%!
Поиск CSS свойств и HTML элементов:
поиск



Все CSS свойства и HTML элементы справочника
text-shadow

В значении свойства допускается использовать два обязательных параметра и два необязательных параметра. Обязательные параметры – смещение тени, в качестве которых допускаются любые единицы измерения, необязательные параметры – цвет(color) и радиус тени (третье значение length).

Пример использования свойства text-shadow:

  1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2.<HTML>
  3. <HEAD>
  4. <TITLE>Свойство text-shadow</TITLE>
  5.<STYLE type="text/css">
  6.h3 {text-shadow: red 3px 3px 5px}
  7.</STYLE>
  8.</HEAD>
  9.<BODY>
10.<h3> Кто умеет, делает; кто не умеет, учит других. Бернард Шоу.
11.</h3>
12.</BODY>
13.</HTML>
14.
15.
Свойство text-shadow
Свойство text-shadow

Значение, определяющее цвет тени допускается указывать до или после значений смещения тени, но если указано значение радиуса тени, то до радиуса, например:

  1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2.<HTML>
  3. <HEAD>
  4. <TITLE>Свойство text-shadow</TITLE>
  5.<STYLE type="text/css">
  6.h3 {text-shadow: 3px 3px 5px red }
  7.</STYLE>
  8.</HEAD>
  9.<BODY>
10.<h3> Хорошо делает тот, кто учится на ошибках других. Древнеримская поговорка.
11.
12.</h3>
13.</BODY>
14.</HTML>
15.
Свойство text-shadow
Свойство text-shadow

Дополнительный пример, здесь тень будет установлена справа и снизу текста:

  1.H1 { text-shadow: 0.2em 0.2em }

Дополнительный пример, здесь тень будет установлена справа и снизу текста, при этом радиус будет равен 5px:

  1.H2 { text-shadow: 3px 3px 5px red }

В CSS2 допускается устанавливать сразу несколько теней для текста:

  1.H2 { text-shadow: 3px 3px red, yellow -3px 3px 2px, 3px -3px }

В CSS2 допускается устанавливать сразу несколько теней для текста:

  1.В данном примере первая тень будет установлена
  2.слева и снизу текста с красным цветом,
  3.а вторая будет желтым цветом, но слева и снизу.
  4. Третья тень будет находиться над текстом
  5. (цвет этой тени - по умолчанию - черный).

Для браузеров IE используйте фильтр:

  1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2.<HTML>
  3. <HEAD>
  4. <TITLE>Свойство text-shadow</TITLE>
  5.<STYLE>
  6.DIV.aFilter {filter:
  7. progid:DXImageTransform.Microsoft.Shadow(color=#0000FF,direction=45);
  8. width: 150px; color: #FF0000;}
  9.</STYLE>
10.</HEAD>
11.<BODY>
12.
13.<DIV CLASS="aFilter">
14.Дело судьи — истолковать закон, а не даровать его. Френсис Бэкон.
15.
16.</DIV>
17.</BODY>
18.</HTML>
19.
20.


Доступ и установка с jQuery

  • Получить свойство textShadow: val = $("div").css("textShadow");
  • Установить свойство textShadow: $("div").css({"textShadow":"..."});
  • Установить свойство textShadow: $("div").css("textShadow","...");
  • Как использовать популярный jQuery для свойств CSS, - читайте статью "jQuery для начинающих".
Александр Ермаков. Хостинг - www.pwstudio.org