text-decoration
Краткое описание свойства text-decoration
Устанавливает стиль оформления текста.
Ограничения text-decoration
Аргумент blink не работает в IE6 и выводит текст без всякого оформления. text-decoration - Устанавливает стиль оформления текста. Одновременно можно указывать несколько стилей.
Синтаксис:
p {text-decoration:blink | line-through | overline | underline | none;}
Описание аргументов:
blink — заставляет текст мигать.
line-through — браузер выводит перечеркнутый текст.
overline — браузер отображает горизонтальную линию над текстом.
underline — браузер выводит текст с подчеркиванием.
none — браузер отображает текст без оформления
Значение по умолчанию
none Обьектная модель:
[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 Пример использования атрибута text-decoration: Листинг style.css:
.text_blink{text-decoration:blink;}
.text_line_through{text-decoration:line-through;}
.text_overline{text-decoration:overline;}
.text_underline{text-decoration:underline;}
Листинг index.html: <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns=
"http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv=
"Content-Type" content="text/html; charset=windows-1251" />
<link type=
"text/css" rel=
"stylesheet" href=
"style.css" />
<title>
Параметр text-decoration</title>
</head>
<body>
<div class=
"text_blink">
Error sit voluptatem assusantium doloremque laudantium, totam rem aperiam eaque ipsa quae ab illo inventore <div>
<div class=
"text_line_through">
Error sit voluptatem assusantium doloremque laudantium, totam rem aperiam eaque ipsa quae ab illo inventore <div>
<div class=
"text_overline">
Error sit voluptatem assusantium doloremque laudantium, totam rem aperiam eaque ipsa quae ab illo inventore <div>
<div class=
"text_underline">
Error sit voluptatem assusantium doloremque laudantium, totam rem aperiam eaque ipsa quae ab illo inventore <div>
</body>
</html>
Результат: Error sit voluptatem assusantium doloremque laudantium, totam rem aperiam eaque ipsa quae ab illo inventore
Error sit voluptatem assusantium doloremque laudantium, totam rem aperiam eaque ipsa quae ab illo inventore
Error sit voluptatem assusantium doloremque laudantium, totam rem aperiam eaque ipsa quae ab illo inventore
Error sit voluptatem assusantium doloremque laudantium, totam rem aperiam eaque ipsa quae ab illo inventore
Добавить комментарий
