СSS Свойство text-decoration-line
Пример
Установить различные типы линий оформления текста:
div.a
{
text-decoration-line: overline;
}
div.b
{
text-decoration-line: underline;
}
div.c
{
text-decoration-line: line-through;
}
div.d
{
text-decoration-line: overline underline;
}
Редактор кода »
Определение и использование
Свойство text-decoration-line
задает тип оформления текста для использования (like underline, overline, line-through).
Совет: Также посмотрите на свойство text-decoration, который является сокращенным свойством для text-decoration-line, text-decoration-style, и text-decoration-color.
Примечание: Вы также можете комбинировать несколько значений, например подчеркивание underline и overline для отображения строк как под текстом, так и над ним.
Значение по умолчанию: | none |
---|---|
Унаследованный: | нет |
Анимируемый: | нет Прочитайте о animatable |
Версия: | CSS3 |
JavaScript синтаксис: | object.style.textDecorationLine="overline" Попробовать |
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Числа, за которыми следует -moz-, указывают первую версию, которая работала с префиксом.
Свойство | |||||
---|---|---|---|---|---|
text-decoration-line | 57.0 | Не поддерживаемый | 36.0 6.0 -moz- |
7.1 -webkit- | 44.0 |
CSS Синтаксис
text-decoration-line: none|underline|overline|line-through|initial|inherit;
Значение свойств
Значение | Описание | Воспроизвести |
---|---|---|
none | Значение по умолчанию. Задает отсутствие строки для текстового оформления | Воспроизвести » |
underline | Указывает, что под текстом будет отображаться строка | Воспроизвести » |
overline | Указывает, что строка будет отображаться поверх текста | Воспроизвести » |
line-through | Указывает, что строка будет отображаться через текст | Воспроизвести » |
initial | Устанавливает для этого свойства значение по умолчанию. Прочитайте о initial | Воспроизвести » |
inherit | Наследует это свойство от родительского элемента. Прочитайте о inherit |
Связанные страницы
CSS Учебник: CSS Текст
HTML DOM Справочник: Свойство textDecorationLine