Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Шрифт и текст : text-underline-position
смотрим также
Материал из Справочник Web-языков
Содержание |
Атрибут -ms-text-underline-position | Свойство textUnderlinePosition
Задает отображение линии подчеркивания текста, которая определяется через свойство textDecoration для объекта.
Синтаксис
HTML | { -ms-text-underline-position : sPosition } |
Скрипты | [ sPosition = ] object.style.textUnderlinePosition |
Используемые значения
- sPosition
- Строка, которая может определять и принимать одно из следующих значений:
- above
- Линия подчеркивания будет отрисована ближе к тексту.
- below
- Линия подчеркивания будет отрисована дальше от текста.
- auto
- Значение по умолчанию. Работает, начиная с Internet Explorer 6. Линия располагается перед текстом, если для атрибута LANG задано значение ja - это региональный языковой код для японского языка; и для атрибута -ms-writing-mode задано значение tb-rl - это указывает на то, что текст располагается вертикальными столбцами (как правило, применяется для иероглифов). Если же эти условия не выполняются, то линия будет отрисована под текстом.
- auto-pos
- Аналогично auto. Работает, начиная с Internet Explorer 6.
Это свойство читается/записывается для всех объектов, кроме currentStyle (только чтение). Значением по умолчанию является none. Атрибут Каскадных таблиц стилей (CSS) наследуется.
Замечания
Атрибут -ms-text-underline-position для Internet Explorer 8 - это расширение CSS и может использоваться также как text-underline-position в режиме IE8.
Свойство определяет позицию линии подчеркивания. Чтобы отключить или включить линию подчеркивания воспользуйтесь свойством textDecoration.
Работу свойства textUnderlinePosition можно трактовать по-разному. Она зависит от того, текст на каком языке предполагается подчеркивать, и как он располагается. Например, если текст будет на азиатском языке в виде вертикальных столбцов, то при значении above линия будет располагаться перед текстом, а при значении below после текста, а не подчеркивать его, как в случае с латиницей.
Для Internet Explorer 5.5 значением по умолчанию для этого свойства является below.
Примеры
Следующие примеры показывают как использовать атрибут -ms-text-underline-position и свойство textUnderlinePosition для задания подчеркивания текста.
В первом примере показывается как будет происходить наследование стиля от родительского элемента HTML.
<HTML STYLE="text-underline-position:above"> <HEAD><TITLE></TITLE></HEAD> <BODY> <P><SPAN>Этот горизонтальный элемент SPAN не подчеркнут.</SPAN> <SPAN STYLE="text-decoration:underline">Этот горизонтальный элемент SPAN не подчеркнут.</SPAN></P> <P STYLE="writing-mode:tb-rl"><SPAN>Этот вертикальный элемент SPAN не подчеркнут.</SPAN> <SPAN STYLE="text-decoration:underline">Этот вертикальный элемент SPAN подчеркнут.</SPAN></P>
Во втором примере используется свойство textUnderlinePosition и атрибут LANG.
<div style="writing-mode:tb-rl; text-decoration:underline; text-underline-position:auto"> <p>Этот элемент содержит вертикальный подчеркнутый текст. Атрибут LANG не задан. Браузер сам выберет как подчеркнуть текст, т.к. задано значение auto</p> <p lang="ja">Этот элемент также содержит вертикальный подчеркнутый текст. Атрибуту LANG задано значение ja. Браузер сам выберет как подчеркнуть текст, т.к. задано значение auto</p> </div>
Стандарты
Это свойство является расширением, разработанным Microsoft для Cascading Style Sheets (CSS).
Ссылки на источники
https://msdn.microsoft.com/en-us/library/ms531176(VS.85).aspx