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


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



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


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

Свойство text-decoration оформляет текст.




Свойство text-decoration добавляет оформление тексту.Можно применить от одного до нескольких значений которые нужно прописывать через пробел.Свойство применимо ко всем элементам.Создано в версии CSS1 и проходит валидацию согласно версии CSS3.




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


Значение
Описание
noneОформление текста отсутствует
underlineОформляет текст подчёркиванием,добавляет полоску под текстом
overlineОформляет текст надчёркиванием,добавляет полоску над текстом
line-throughПеречёркивает текст,полоска проходит по внутренней,горизонтальной оси текста
blinkОформляет текст миганием,временной интервал мигания для различных браузеров разный
inheritНаследует значение родителя

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




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



<!DOCTYPE html>
<html lang="ru">
<head>
<title>Свойство text-decoration</title>
<style type="text/css">
<!--
p {
font-size:40px;
color:red;
}
p.underline {
text-decoration:underline;
}
p.overline {
text-decoration:overline;
}
p.line-through {
text-decoration:line-through;
}
p.blink {
text-decoration:blink;
}
-->
</style>
</head>
<body>
<center>
<p class="underline">Значение underline</p>
<p class="overline">Значение overline</p>
<p class="line-through">Значение line-through</p>
<p class="blink">Значение blink</p>
</center>
</body>
</html>

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




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





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






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

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

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