text-shadow | Свойство CSS - Справочник CSS3 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Пятница, 02.12.2016
Главная » Справочник CSS3 » Свойства тени


2D & 3D ТрансформацияСвойства контента
Свойства импортаСвойства углов
Свойства границСвойства анимации
ПсевдоклассыПсевдоэлементы
Свойства размераСвойства контура
Свойства переходаСвойства печати
Свойства тениСвойства отступов
Свойства текстаСвойства колонок
Свойства полейПозиционирование
Свойства интерфейсаТипы значений
Полезные статьиСвойства списка
Свойства шрифтаСвойства таблицы
Свойства фонаВендорные префиксы



Адаптивный сайт - aTmpl


text-shadow | Свойство CSS

Свойство text-shadow устанавливает тень тексту.




Свойство text-shadow устанавливает тень тексту,параметры тени могут имет цвет,и радиус размытости окружения вокруг текста.Значения в свойстве прописываются в установленном порядке,но сами значения делятся на обязательные и необязательные для написания,сами значения прописываются через пробел.Теней может быть несколько ( неограниченное количество ),значение для последующих теней прописываются разделяясь запятой
Варианты написания значений для свойства:
1.Значение числовое значение для тени распространяющееся по оси X ( по горизонтали ),положительное значение смещает тень в право от элемента,отрицательное в лево ( обязательное значение ).
2.Значение числовое значение для тени распространяющееся по оси Y ( по вертикали ),положительное значение смещает тень в низ от элемента,отрицательное в верх ( обязательное значение ).
3.Значение числовое значение для установки радиуса окружения\чёткости тени вокруг текста,необязательное значение ( при отсутствии аналогично нолю ).
4.Цвет значение цвета любой разновидности,необязательное значение ( при отсутствии тень наследуется от родителя ).
Свойство применимо ко всем элементам и генерированному контенту свойств :after и :before,а так же псевдоэлементам :first-letter и :first-line.Создано в версии CSS2 и проходит валидацию согласно версии CSS3.




Дополнительные свойства применяемые к text-shadow


Свойство
Описание
box-shadowСвойство не имеет отношения к text-shadow,но оно так же создаёт эффект тени,только для элементов кроме текста.Если в свойстве text-shadow не указывается цвет то он может наследоватся из этого свойства


Дополнительные значения применяемые к text-shadow


Свойство
Описание
noneЭффект тени полностью отсутствует
<Значение>Любое числовое значение,можно отрицательное.Тень распространяется по оси X ( по горизонтали ),положительное значение смещает тень в право,а отрицательное в лево.Это обязательный параметр для написания
<Значение>Любое числовое значение,можно отрицательное.Тень распространяется по оси Y ( по вертикали ),положительное значение смещает тень в низ,а отрицательное в верх.Это обязательный параметр для написания
<Значение>Любое числовое значение,устанавливает радиус чёткости элементу где 0 чёткое,неразмытое состояние,чем выше значение тем шире распространение и сильнее размытость тени ( необязательный параметр )
<Цвет>Значение любого типа цвета,необязательное значение,при отсутствии тень будет чёрного цвета или будет наследоватся от родительского элемента или свойства box-shadow


Свойство работает в браузерах




Пример применения свойства



<!DOCTYPE html>
<html lang="ru">
<head>
<title>Свойство text-shadow</title>
<style type="text/css">
<!--
#text {
color:#636363;
text-shadow:-15px -15px 2px blue,15px 15px 4px green,0 0 6px yellow;
font-size:40px;
text-align:center;
padding:20px;
}
-->
</style>
</head>
<body>
<div id="text">Применяем 3 вида тени</div>
</body>
</html>

Пример в действии



Поэкспериментируйте сами





Русские шрифты






Источник: http://www.w3.org/TR/css3-text/#text-shadow
Категория: Свойства тени | Добавил: IZOTOP (16.05.2012) | Автор: Меренков Михаил W
Просмотров: 1029 | Теги: css, text-shadow, свойство, пример, style | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]