|
|
Новые сайты
|
|
|
|
|
Изготовление сайта жилого комплекса "Кореневский хуторок 2" подробнее
Все работы на одной странице подробнее
Создание сайта для логистической компании Way Logistic. подробнее
Сайт ЦСВМ "Штурман" подробнее
|
|
|
|
|
Справочник css.
CSS |
CSS1 |
Значение по умолчанию |
none |
Наследуется |
Нет |
Применяется |
Ко всем элементам |
Аналог HTML |
<U>, <S>, <STRIKE> |
Ссылка на спецификацию |
http://www.w3.org/TR/CSS21/text.php#propdef-text-decoration |
Описание
Добавляет оформление текста в виде его подчеркивания, перечеркивания, линии
над текстом и мигания. Одновременно можно применить более одного стиля, перечисляя
значения через пробел.
Синтаксис
text-decoration: blink | line-through | overline | underline | none
Аргументы
- blink
- Устанавливает мигающий текст. Такой текст периодически, примерно раз в секунду
исчезает, потом вновь появляется на прежнем месте (пример).
- line-through
- Создает перечеркнутый текст (пример).
- overline
- Линия проходит над текстом (пример).
- underline
- Устанавливает подчеркнутый текст (пример).
- none
- Отменяет все эффекты, в том числе и подчеркивания у ссылок, которое задано
по умолчанию.
Пример
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>text-decoration</title>
<style type="text/css">
A {
text-decoration: none;
}
A:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<p><a href="link1.php">Lorem ipsum dolor sit amet</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 хотя и позволяет использовать значение blink,
текст показывает как обычно, без всякого мерцания.
Согласно спецификации CSS, если для элемента задан вид форматирования, а для
его наследника нет, все равно свойства родителя будут передаваться его вложенным
элементам. Так, если используется подчеркнутый параграф, а внутри него расположен
неподчеркнутый элемент, выделяющий слово другим цветом, все слова в параграфе
будут подчеркнуты, включая и выделенные другим цветом слова. Для браузера Netscape 6,
однако, установка text-decoration: none уберет
все эффекты, независимо от оформления родительского элемента. Вдобавок, Netscape 6
не распространяет оформление родительского элемента на дочерние, а переносит
только подчеркивание.
Текст
letter-spacing определяет интервал между символами в пределах элемента. Браузеры обычно устанавливают расстояние между символами, исходя из типа и вида шрифта, его размеров и настроек операционной системы. Чтобы изменить это значение и применяется данный атрибут.
line-height устанавливает интерлиньяж (межстрочный интервал) текста, отсчет ведется от базовой линии шрифта. При обычных обстоятельствах расстояние между строками зависит от вида и размера шрифта и определяется браузером автоматически.
text-align определяет горизонтальное выравнивание текста в пределах элемента.
text-decoration добавляет оформление текста в виде его подчеркивания, перечеркивания, линии над текстом и мигания. Одновременно можно применить более одного стиля, перечисляя значения через пробел.
text-indent устанавливает величину отступа первой строки блока текста (например, для параграфа P). Воздействия на все остальные строки не оказывается.
text-transform управляет преобразованием текста элемента в заглавные или прописные символы. Когда значение отлично от none, регистр исходного текста будет изменен.
vertical-align выравнивает элемент по вертикали относительно своего родителя или окружающего текста.
white-space устанавливает, как отображать пробелы между словами.
word-spacing устанавливает интервал между словами. Если установлен параметр выравнивания justify, то атрибут word-spacing не действует, поскольку интервал между словами будет установлен принудительно.
|
|
|
|