Атрибут text-decoration-line в CSS

9 червня 2022 р.779

Зміст

Визначає як повинна додаватися декоративна лінія до тексту — підкреслення, перекреслення над текстом. Одночасно можна додавати кілька ліній, перераховуючи значення через пробіл.

Коротка інформація

Значення за замовчуванням	none
Успадковується	Ні
Застосовується	До всіх елементів
Анімується	Ні

Синтаксис

<code>text-decoration-line: [ line-through || overline || underline] | none

Позначення

	Опис	Приклад
<тип>	Вказує тип значення.	<розмір>
A && B	Значення повинні виводитися в зазначеному порядку.	<розмір> && <колір>
A \| B	Вказує, що потрібно вибрати лише одне значення із запропонованих (A або B).	normal \| small-caps
A \|\| B	Кожне значення може використовуватися самостійно або спільно з іншими у довільному порядку.	width \|\| count
[ ]	Групує значення.	[ crop \|\| cross ]
*	Повторювати нуль або більше разів.	[,<час>]*
+	Повторювати один або більше разів.	<число>+
?	Вказаний тип, слово або група не є обов'язковим.	inset?
{A, B}	Повторювати не менше A, але не більше B разів.	<радіус>{1,4}
#	Повторювати один або більше разів через кому.	<час>#

Значення

line-through: Створює перекреслений текст ( приклад).
overline: Лінія проходить над текстом (приклад).
underline: Встановлює підкреслений текст (приклад).
none: Скасує всі ефекти, у тому числі і підкреслення у посилань, яке задано за замовчуванням.

-long field-label-above">

Пісочниця

is-12-mobile is-12-tablet is-6-desktop playground-values"> none line-through overline underline

div { text-decoration-color : #f2612 2; text-decoration-line: <span class="playground-active">{{ playgroundValue }}</span>; }

Приклад

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>text-decoration-line</title> <style> a {text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: red; }
</style>
</head>
<body> <a href="page/1.html">Посилання з підкресленням</a>
</body>
</html>

Специфікація	Статус
CSS Text Decoration Module Level 3	Можлива рекомендація

Специфікація

Статус

CSS Text Decoration Module Level 3

Можлива рекомендація

Специфікація

Кожна специфікація проходить кілька стадій схвалення.

Recommendation (Рекомендація) — специфікація схвалена W3C і рекомендована як стандарт.

Candidate Recommendation (Можлива рекомендація) — група, яка відповідає за стандарт, задоволена, як він відповідає своїм цілям, але потрібна допомога спільноти розробників з реалізації стандарту.) — на цьому етапі документ представлений на розгляд Консультативної ради W3C для остаточного затвердження. та внесення поправок для розгляду спільнотою.

Editor's draft (Редакторська чернетка) — чорнова версія стандарту після внесення змін до редакторів проекту.

Draft (Чернетка специфікації) — перша чорнова версія стандарту.

Браузери

У таблиці браузерів застосовуються такі позначення.


80	6	36	46	8

— властивість повністю підтримується браузером з усіма допустимими значеннями;

— властивість браузером не сприймається та ігнорується;

— при р Або можливо поява різних помилок, або властивість підтримується лише частково, наприклад, не всі допустимі значення діють або властивість застосовується не до всіх елементів, які вказані в специфікації. Число вказує версію браузера, починаючи з яка властивість підтримується.

Текст і шрифт

Атрибут text-decoration-line в CSS

Коротка інформація

Синтаксис

Позначення

Значення

Пісочниця

Приклад

Об'єктна модель

Примітка

Специфікація

Специфікація

Браузери

Браузери

Див. також

Автор та редактори