From 617633446c11d1b589ac8ef7bff6200e7a6f3dcc Mon Sep 17 00:00:00 2001
From: Sebastian Zartner ''text-decoration-skip-inset: auto'' for ''text-decoration-inset: auto'' for The following example offsets an extra thick underline
@@ -917,15 +919,15 @@ Adjusting Text Decoration Line Lengths: the 'text-decoration-inset' property
-Text Decoration Line Trimming and Extension: the 'text-decoration-trim' property
+Text Decoration Line Trimming and Extension: the 'text-decoration-inset' property
- Name: text-decoration-trim
+ Name: text-decoration-inset
Value: <
h1 {
text-decoration: underline 0.3em rgba(36,148,187,0.25);
- text-decoration-trim: 1em -1em;
+ text-decoration-inset: 1em -1em;
}
@@ -2185,7 +2185,7 @@ Changes since the 4 May 2022 Working Draft
Zs
and to only additionally include word separators when skipping all spaces.
From e65558533c9f9e9dcbfa01fff74cbb1d21b5a21b Mon Sep 17 00:00:00 2001
From: Sebastian Zartner
+
Text Decoration Line Trimming and Extension: the 'text-decoration-inset' property
@@ -882,7 +882,7 @@ Text Decoration Line Trimming and Extension: the 'text-decoration-inset' propert
the first applies to the [=start=] and the second to the [=end=].
Values have the following meanings:
-
+
@@ -952,7 +952,6 @@ Text Decoration Line Continuity: the 'text-decoration-skip' shorthand and its su
The 'text-decoration-skip' property and its sub-properties
('text-decoration-skip-self',
'text-decoration-skip-box',
- 'text-decoration-skip-inset',
'text-decoration-skip-spaces',
'text-decoration-skip-ink')
control interruptions in line decorations
From 3a9f6fca45e6f7865ab431abe326e685a122ac88 Mon Sep 17 00:00:00 2001
From: Sebastian Zartner
- <u>石井</u><u>艾俐俐</u>
+ <u>石井</u><u>艾俐俐</u>
-Text Decoration Line Trimming and Extension: the 'text-decoration-inset' property
+Adjusting Text Decoration Line Lengths: the 'text-decoration-inset' property
Name: text-decoration-inset
@@ -901,7 +901,7 @@ Text Decoration Line Trimming and Extension: the 'text-decoration-inset' propert
From e1fdf9053f06cb0c7519ffd6c698ee164ae5e2ac Mon Sep 17 00:00:00 2001
From: Sebastian Zartner
-Adjusting Text Decoration Line Lengths: the 'text-decoration-inset' property
+Trimming, Expanding, and Shifting Text Decoration Lines: the 'text-decoration-inset' property
Name: text-decoration-inset
@@ -873,9 +873,10 @@ Adjusting Text Decoration Line Lengths: the 'text-decoration-inset' property
- This property adjusts the start and end points of line decorations,
- allowing the author to shorten, lengthen, or shift the decoration
- with respect to the text.
+ This property adjusts the start and end endpoints of line decorations.
+ Positive values move an endpoint inward, trimming the decoration;
+ negative values move it outward, extending the decoration.
+
It controls all text decoration lines drawn by this [=decorating box=],
but not any text decoration lines drawn by its ancestors.
If two component values are given,
@@ -885,8 +886,9 @@ Adjusting Text Decoration Line Lengths: the 'text-decoration-inset' property
- The adjustment of the text decoration's length is subject to 'box-decoration-break':
+ The adjustment of the text decoration's endpoints is subject to 'box-decoration-break':
* for ''box-decoration-break/slice'' (the default)
- length adjustment is only applied to the [=start=] edge of the first fragment
+ endpoint adjustment is only applied to the [=start=] edge of the first fragment
and the [=end=] edge of the last fragment,
and may accumulate to other fragments if the amount of the inset
is more than the length of the fragment.
* for ''box-decoration-break/clone''
- length adjustment is applied to each fragment independently.
+ endpoint adjustment is applied to each fragment independently.