Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
6.0+ | 1.0+ | 4.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Значение по умолчанию | none |
---|---|
Наследуется | Нет |
Применяется | Ко всем элементам |
Ссылка на спецификацию | http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration |
CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
---|---|---|---|
Добавляет оформление текста в виде его подчеркивания, перечеркивания, линии над текстом и мигания. Одновременно можно применить более одного стиля, перечисляя значения через пробел.
text-decoration: [ blink || line-through || overline || underline ] | none | inherit
Пример
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>text-decoration</title> <style> a { text-decoration: none; /* Убираем подчеркивание у ссылок */ } a:hover { text-decoration: underline; /* Добавляем подчеркивание при наведении курсора мыши на ссылку */ } </style> </head> <body> <p><a href="1.html">Стратегическое нападение</a></p> </body> </html>
[window.]document.getElementById(«elementID«).style.textDecoration
[window.]document.getElementById(«elementID«).style.textDecorationBlink
[window.]document.getElementById(«elementID«).style.textDecorationLineThrough
[window.]document.getElementById(«elementID«).style.textDecorationNone
[window.]document.getElementById(«elementID«).style.textDecorationOverLine
[window.]document.getElementById(«elementID«).style.textDecorationUnderline
Internet Explorer до версии 7.0 включительно не поддерживает значение inherit. Линия полученная с помощью значения line-through в IE7 располагается выше, чем в других браузерах; в IE8 эта ошибка исправлена.
Сайт