8000 [css-ui] Clarify the usage of 'end' 'right' and 'left' for ellipsis · w3c/csswg-drafts@631d178 · GitHub
Skip to content

Commit 631d178

Browse files
committed
[css-ui] Clarify the usage of 'end' 'right' and 'left' for ellipsis
1 parent 3422ab4 commit 631d178

2 files changed

Lines changed: 36 additions & 6 deletions

File tree

css-ui/Overview.html

Lines changed: 24 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -687,6 +687,9 @@ <h2 id=dependencies-on-other-modules><span class=secno>3.
687687
rel=biblioentry>[CSS3COLOR]<!--{{!CSS3COLOR}}--></a>
688688

689689
<li><a href="#ref-CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>
690+
691+
<li><a href="#ref-CSS-WRITING-MODES-3"
692+
rel=biblioentry>[CSS-WRITING-MODES-3]<!--{{!CSS-WRITING-MODES-3}}--></a><!--for end, start, line-left, line-end-->
690693
</ul>
691694
<!--
692695
<p>It has non-normative (informative) references to the following
@@ -2089,9 +2092,17 @@ <h3 id=text-overflow><span class=secno>8.2. </span> Overflow Ellipsis: the
20892092
readability and means "grapheme cluster" <a href="#ref-UAX29"
20902093
rel=biblioentry>[UAX29]<!--{{!UAX29}}--></a> for implementation purposes.
20912094

2092-
<p> If there is one value, it applies only to the end line edge. If there
2093-
are two values, the first value applies to the left edge, and the second
2094-
value applies to the right edge.
2095+
<p> If there is one value, it applies only to the <a>end</a> line edge. If
2096+
there are two values, the first value applies to the <a>line-left</a>
2097+
edge, and the second value applies to the <a>line-right</a> edge. The
2098+
terms <a>end</a>, <a>line-left</a> and <a>line-right</a> are defined in <a
2099+
href="#ref-CSS-WRITING-MODES-3"
2100+
rel=biblioentry>[CSS-WRITING-MODES-3]<!--{{!CSS-WRITING-MODES-3}}--></a>.
2101+
2102+
<p class=note> Note: the use of <a>line-left</a> and <a>line-right</a>
2103+
rather than <a>start</a> and <a>end</a> when there are two values is
2104+
intentional, to facilitate the use of directional characters such as
2105+
arrows.
20952106

20962107
<p> For the ellipsis and string values, implementations must hide
20972108
characters and <a
@@ -2973,6 +2984,16 @@ <h3 class="no-num no-toc">Normative References</h3>
29732984
<dd style="display: none"><!-- keeps the doc valid if the DL is empty -->
29742985
<!---->
29752986

2987+
<dt id=ref-CSS-WRITING-MODES-3>[CSS-WRITING-MODES-3]
2988+
2989+
<dd>fantasai; Koji Ishii. <a
2990+
href="http://www.w3.org/TR/2014/CR-css-writing-modes-3-20140320/"><cite>CSS
2991+
Writing Modes Level 3.</cite></a> 20 March 2014. W3C Candidate
2992+
Recommendation. (Work in progress.) URL: <a
2993+
href="http://www.w3.org/TR/2014/CR-css-writing-modes-3-20140320/">http://www.w3.org/TR/2014/CR-css-writing-modes-3-20140320/</a>
2994+
</dd>
2995+
<!---->
2996+
29762997
<dt id=ref-CSS21>[CSS21]
29772998

29782999
<dd>Bert Bos; et al. <a

css-ui/Overview.src.html

Lines changed: 12 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -420,6 +420,7 @@ <h2>Dependencies on other modules</h2>
420420
<li>[[!SELECT]]</li>
421421
<li>[[!CSS3COLOR]]</li>
422422
<li>[[!CSS21]]</li>
423+
<li>[[!CSS3-WRITING-MODES]]<!--for end, start, line-left, line-end--></li>
423424
</ul>
424425

425426
<!--
@@ -1243,10 +1244,18 @@ <h3 id="text-overflow">
12431244

12441245
<p>
12451246
If there is one value,
1246-
it applies only to the end line edge.
1247+
it applies only to the <a>end</a> line edge.
12471248
If there are two values,
1248-
the first value applies to the left edge,
1249-
and the second value applies to the right edge.
1249+
the first value applies to the <a>line-left</a> edge,
1250+
and the second value applies to the <a>line-right</a> edge.
1251+
The terms <a>end</a>, <a>line-left</a> and <a>line-right</a> are defined in [[!CSS3-WRITING-MODES]].
1252+
</p>
1253+
1254+
<p class="note">
1255+
Note: the use of <a>line-left</a> and <a>line-right</a>
1256+
rather than <a>start</a> and <a>end</a>
1257+
when there are two values is intentional,
1258+
to facilitate the use of directional characters such as arrows.
12501259
</p>
12511260

12521261
<p>

0 commit comments

Comments
 (0)