Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

Style textShadow Property

<Style Object

пример

Добавить тень к тексту:

document.getElementById("myP").style.textShadow = "5px 5px 1px #ff0000,10px 10px 1px #0000ff";
Попробуй сам "

Определение и использование

В textShadow наборы свойств или возвращают один или более чем теневые эффекты для текста.

Поддержка браузеров

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Свойство textShadow поддерживается во всех основных браузерах.

Примечание: Свойство textShadow не поддерживается в Internet Explorer 9 и более ранних версий.

Синтаксис

Возвращает свойство textShadow:

object .style.textShadow

Установите свойство textShadow:

object .style.textShadow="none| Note: Свойство textShadow придает одно или несколько теней к тексту. Свойство представляет собой список разделенных запятыми теней, каждый задается 2 или 3 значений длины и дополнительный цвет. Пропущенные длины равны 0.

Значения свойств

Стоимость Описание
none Нет тень не рисуются. Это по умолчанию
h-shadow Необходимые. Положение горизонтальной тени. Отрицательные значения разрешены
v-shadow Необходимые. Положение вертикальной тени. Отрицательные значения разрешены
blur Необязательный. Размытие Расстояние
color Необязательный. Цвет тени. Посмотрите на CSS цвета Значения для полного списка возможных значений цвета
initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном
inherit Inherits это свойство от родительского элемента. Читайте о унаследовать

Технические подробности

Значение по умолчанию: никто
Возвращаемое значение: Строка, представляющая список разделенных запятыми теневых эффектов, примененных к тексту элемента
CSS версия CSS3

Еще примеры

пример

Верните тень текста:

alert(document.getElementById("myP").style.textShadow);
Попробуй сам "

Похожие страницы

CSS учебник: CSS3 Текстовые эффекты

Ссылка CSS: text-shadow property

<Style Object