Skip to content

Commit 2dbe457

Browse files
committed
add skeleton for text-overflow
1 parent aa05304 commit 2dbe457

1 file changed

Lines changed: 64 additions & 11 deletions

File tree

css3-text/Overview.src.html

Lines changed: 64 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -153,10 +153,6 @@ <h2 class="no-num no-toc" id="status">
153153
<a name="text-justify-trim"></a>
154154
<a name="kashida-prop"></a>
155155
<a name="text-kashida-space"></a>
156-
<a name="text-overflow-props"></a>
157-
<a name="text-overflow-mode"></a>
158-
<a name="text-overflow-ellipsis"></a>
159-
<a name="ellipsis-def"></a>
160156
<a name="text-autospace-prop"></a>
161157
<a name="text-autospace"></a>
162158
<a name="kerning-props"></a>
@@ -358,8 +354,8 @@ <h2 class="no-num no-toc" id="contents">Table of Contents</h2>
358354
<li><a href="#text-indent"><span class="secno">9.1</span> First Line
359355
Indentation: the 'text-indent' property</a>
360356
<li><a href="#hanging-punctuation"><span class="secno">9.2</span>
361-
Hanging Punctuation: the 'hanging-punctuation' property</a><!--
362-
<li><a href="#text-overflow"></a> -->
357+
Hanging Punctuation: the 'hanging-punctuation' property</a>
358+
<li><a href="#text-overflow">Overflow Ellipsis: the 'text-overflow' property</a>
363359
</ul>
364360

365361
<li><a href="#changes"><span class="secno">10</span>
@@ -2831,8 +2827,6 @@ <h3 id="text-indent"><span class="secno">9.1</span>
28312827
For this reason, it is often wise to specify 'text-indent: 0' on
28322828
elements that are specified 'display: inline-block'.</p>
28332829

2834-
<!-- text-overflow -->
2835-
28362830
<h3 id="hanging-punctuation"><span class="secno">9.2</span>
28372831
Hanging Punctuation: the 'hanging-punctuation' property</h3>
28382832

@@ -2894,6 +2888,60 @@ <h3 id="hanging-punctuation"><span class="secno">9.2</span>
28942888
<p class="issue">Need to work on the description.
28952889
Cover indentation as well.
28962890

2891+
<h3 id="text-overflow"><a name="text-overflow-props"></a><a name="text-overflow-mode"></a><a name="text-overflow-ellipsis"></a><a name="ellipsis-def"></a>
2892+
<span class="secno">9.3</span>
2893+
Overflow Ellipsis: the 'text-overflow' property</h3>
2894+
2895+
<table class="propdef">
2896+
<tbody>
2897+
<tr>
2898+
<th>Name:</th>
2899+
<td><dfn>text-overflow</dfn></td>
2900+
</tr>
2901+
<tr>
2902+
<th>Value:</th>
2903+
<td>clip | ellipsis | <a class="noxref" href="http://www.w3.org/TR/CSS21/syndata.html#value-def-string"><span class="value-inst-string">&lt;string&gt;</span></a>
2904+
</td>
2905+
</tr>
2906+
<tr>
2907+
<th>Initial:</th>
2908+
<td>ellipsis</td>
2909+
</tr>
2910+
<tr>
2911+
<th>Applies to:</th>
2912+
<td>block-level, inline-block elements and table cells</td>
2913+
</tr>
2914+
<tr>
2915+
<th>Inherited:</th>
2916+
<td>no</td>
2917+
</tr>
2918+
<tr>
2919+
<th>Percentages:</th>
2920+
<td>N/A</td>
2921+
</tr>
2922+
<tr>
2923+
<th>Media:</th>
2924+
<td>visual</td>
2925+
</tr>
2926+
<tr>
2927+
<th>Computed&#160;value:</th>
2928+
<td>as specified</td>
2929+
</tr>
2930+
</tbody>
2931+
</table>
2932+
2933+
<p>This property ...
2934+
Values have the following meanings:</p>
2935+
2936+
<dl>
2937+
<dt><dfn title="text-overflow:clip"><code>clip</code></dfn></dt>
2938+
<dd>Clip text as appropriate. Glyphs may be only partially rendered.</dd>
2939+
<dt><dfn title="text-overflow:ellipsis"><code>ellipsis</code></dfn></dt>
2940+
<dd>Render an ellipsis (U+2026) to represent clipped text.</dd>
2941+
<dt><dfn title="text-overflow:<string>"><code><var>&lt;string&gt;</var></code></dfn></dt>
2942+
<dd>Render the given string to represent clipped text.</dd>
2943+
</dl>
2944+
28972945
<p class="issue">To be continued...</p>
28982946

28992947
<h2 id="changes"><span class="secno">10.</span>
@@ -2984,9 +3032,13 @@ <h2 id="changes"><span class="secno">10.</span>
29843032
in</a> by Ian Hickson and fantasai on 8 March 2003
29853033
(<a href="http://lists.w3.org/Archives/Member/w3c-css-wg/2003JanMar/0364.html">minus</a>
29863034
the 'text-align' dependence rules).
2987-
<li>The 'hanging-punctuation' property has been redesigned with the
2988-
combinable values 'start', 'end', and 'end-edge' instead of 'start'
2989-
'end' and 'both' to eliminate the script and language dependencies.
3035+
<li>The <a href="#hanging-punctuation">'hanging-punctuation'</a> property
3036+
has been redesigned with the combinable values 'start', 'end', and
3037+
'end-edge' instead of 'start', 'end', and 'both' to eliminate the
3038+
script and language dependencies.
3039+
<li>The <a href="#text-overflow">'text-overflow'</a> properties have
3040+
been compressed into one property and given a much more precise
3041+
specified behavior.
29903042
</ul>
29913043

29923044
<p>Many sections intended for this module are not yet represented
@@ -3036,6 +3088,7 @@ <h2 id="recent-changes"><span class="secno">11.</span>
30363088
<li>Add back 'hanging-punctuation'.
30373089
<li>Various minor clarifications.
30383090
<li>Added back underline/overline/strike-through properties.
3091+
<li>Add back 'text-overflow' property.
30393092
</ul>
30403093

30413094
<h2 id="acknowledgements"><span class="secno">12.</span>

0 commit comments

Comments
 (0)