пример
Дисплей <p> элементы с линией сверху:
p
{
-moz-text-decoration-line: overline; /* Code for Firefox */
text-decoration-line: overline;
}
Попробуй сам " Определение и использование
Свойство текст-отделка-строка определяет, какой тип линии, если таковые имеются, украшение будет иметь.
Примечание: Вы можете также установить текстовое художественное оформление строки , используя свойство текста украшение, которое является свойством стенография для текстового украшения линии, текст-отделка в стиле, и текст-отделка-свойства цвета.
Примечание: Можно также комбинировать более одного значения, как подчеркивание и Оверлайна для отображения строк как под и над текстом.
| Значение по умолчанию: | none |
|---|---|
| Наследование: | no |
| Animatable: | no. Read about animatable |
| Версия: | CSS3 |
| Синтаксис JavaScript: | object .style.textDecorationLine="overline" Try it |
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
Числа с последующим -moz- указать первую версию, которая работала с приставкой.
| Имущество | |||||
|---|---|---|---|---|---|
| text-decoration-line | Не поддерживается | Не поддерживается | 6.0 -moz- | Не поддерживается | Не поддерживается |
CSS Синтаксис
text-decoration-line: none|underline|overline|line-through|initial|inherit;Значения свойств
| Стоимость | Описание | Сыграй |
|---|---|---|
| none | Значение по умолчанию. Задает отсутствие линии для текстового украшения | Сыграй " |
| underline | Указывает, что строка будет отображаться под текстом | Сыграй " |
| overline | Указывает, что строка будет отображаться над текстом | Сыграй " |
| line-through | Указывает, что строка будет отображаться через текст | Сыграй " |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный | Сыграй " |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о унаследовать |
Похожие страницы
Учебник CSS: CSS Текст
HTML DOM ссылка: textDecorationLine property