Skip to content

Commit a71c37c

Browse files
fantasaifantasai
committed
text-decoration updates part II
1 parent 39df279 commit a71c37c

1 file changed

Lines changed: 68 additions & 79 deletions

File tree

‎css3-text/Overview.src.html‎

Lines changed: 68 additions & 79 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<head>
55
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
66
<title>CSS Text Level 3</title>
7-
<link rel="stylesheet" type="text/css" href="default.css">
7+
<link rel="stylesheet" type="text/css" href="../default.css">
88

99
<style type="text/css">
1010
.data, .proptable {
@@ -2072,6 +2072,18 @@ <h2 id="decoration"><span class="secno">8.</span>
20722072
<h3 id="line-decoration"><span class="secno">8.1</span>
20732073
Line Decoration</h3>
20742074

2075+
<p>The following properties describe line decorations that are added
2076+
to the content of an element. When specified on an inline element,
2077+
such decoration affects all the boxes generated by that element;
2078+
for all other elements, the decorations are propagated to an
2079+
anonymous inline box that wraps all the in-flow inline children of
2080+
the element, and to any block-level in-flow descendants. They are
2081+
not, however, further propagated to floating and absolutely positioned
2082+
descendants, nor to the contents of
2083+
<a href="http://www.w3.org/TR/CSS21/visuren.html#display-prop"><code>inline-table</code></a>
2084+
and <a href="http://www.w3.org/TR/CSS21/visuren.html#display-prop"><code>inline-block</code></a>
2085+
descendants.</p>
2086+
20752087
<h4 id="text-decoration-line"><span class="secno">8.1.1</span>
20762088
Text Decoration Lines</h4>
20772089

@@ -2096,7 +2108,7 @@ <h4 id="text-decoration-line"><span class="secno">8.1.1</span>
20962108
</tr>
20972109
<tr>
20982110
<th>Inherited:</th>
2099-
<td>no (see prose)</td>
2111+
<td>no (but see prose)</td>
21002112
</tr>
21012113
<tr>
21022114
<th>Percentages:</th>
@@ -2202,7 +2214,8 @@ <h4 id="text-decoration-style"><span class="secno">8.1.3</span>
22022214
<p>This property specifies the style of the line(s) drawn for
22032215
text decoration specified on the element. Values have the
22042216
same meaning as for the 'border-style' properties. The
2205-
'wave' value specifies a wavy line.</p>
2217+
'wave' value specifies a wavy line, similar to that produced
2218+
by the sin(x) function.</p>
22062219

22072220
<h4 id="text-decoration"><span class="secno">8.1.4</span>
22082221
Text Decoration Shorthand</h4>
@@ -2222,7 +2235,7 @@ <h4 id="text-decoration"><span class="secno">8.1.4</span>
22222235
</tr>
22232236
<tr>
22242237
<th>Initial:</th>
2225-
<td>solid</td>
2238+
<td>none</td>
22262239
</tr>
22272240
<tr>
22282241
<th>Applies to:</th>
@@ -2292,8 +2305,11 @@ <h4 id="text-decoration-skip"><span class="secno">8.1.3</span>
22922305
</tbody>
22932306
</table>
22942307

2295-
<p>This value specifies what content text decoration applied to the
2296-
element should skip over. Values have the following meanings:
2308+
<p>This value specifies what parts of the element's content
2309+
text decoration affecting element should skip over. It
2310+
affects all text decoration lines drawn by this element
2311+
and also any text decoration lines drawn by its ancestors.
2312+
Values have the following meanings:
22972313

22982314
<dl>
22992315
<dt><dfn title="text-decoration-skip:none">none</dfn></dt>
@@ -2310,83 +2326,56 @@ <h4 id="text-decoration-skip"><span class="secno">8.1.3</span>
23102326
line to let text show through where the text decoration would
23112327
otherwise cross over a glyph. The UA may also skip a small
23122328
distance to either side of the glyph outline.</dd>
2313-
<dt><dfn>title="text-decoration-skip:all">all</dfn></dt>
2314-
<dd>Skip over all content in this element: no ancestor text decoration
2315-
is drawn within this element.</dd>
2329+
<dt><dfn title="text-decoration-skip:all">all</dfn></dt>
2330+
<dd>Skip over all content in this element.</dd>
23162331
</dl>
23172332

2318-
<div class="issue">
2333+
<p>Note that this property inherits and that descendant elements
2334+
can have a different setting. Therefore a child of an element
2335+
with <code>text-decoration-skip: all</code> can cause its
2336+
grandparent's underline to be drawn by specifying
2337+
<code>text-decoration-skip: none</code>.</p>
23192338

2320-
<p>Paul and I have agreed that we want to simplify the set of properties
2321-
introduced in the previous
2322-
<a href="http://www.w3.org/TR/2003/CR-css3-text-20030514/#text-decoration-overview">CSS3
2323-
Text Candidate Recommendation</a>. We're not sure how yet, though, and would
2324-
like to solicit input from the www-style community.</p>
2339+
<h4 id="text-decoration-skip"><span class="secno">8.1.4</span>
2340+
Text Underline Position</h4>
23252341

2326-
<p>So far, we think that the following capabilities should be sufficient:</p>
2327-
2328-
<ul>
2329-
<li>Ability to set a line style (solid, dashed, wavy, etc), but to
2330-
set that style for all three decorations, not necessarily for each
2331-
individually.
2332-
<li>Ability to set a line color, which also applies to all three
2333-
decorations. The color must be an independent property.
2334-
<li>Ability to set a line mode (continuous/skip-spaces/cross-images/etc).
2335-
<li>Ability to change the underline position. This property must be
2336-
independent and inheritable; the existing 'text-underline-position'
2337-
property should be fine.
2338-
<li>We don't think it will be necessary to set thicknesses to a specific length
2339-
value, but a control for switching between normal and thicker lines might be
2340-
useful. (Comments?)
2341-
</ul>
2342-
2343-
<p>Here's one proposal:
2344-
<dl>
2345-
<dt>text-line-decoration</dt>
2346-
<dd>
2347-
<table>
2348-
<tr><th>Values: <td>none | [ underline || overline || line-through ]
2349-
<tr><th>Initial: <td>none
2350-
<tr><th>Inherit: <td>no (but see prose)
2351-
</table>
2352-
<dt>text-line-color</dt>
2353-
<dd>
2354-
<table>
2355-
<tr><th>Values: <td>&lt;color&gt;
2356-
<tr><th>Initial: <td>currentcolor
2357-
<tr><th>Inherit: <td>?
2358-
</table>
2359-
<dt>text-line-style</dt>
2360-
<dd>
2361-
<table>
2362-
<tr><th>Values: <td>[ solid | double | dotted | dashed | dot-dash | dot-dot-dash | wave ] || thick
2363-
<tr><th>Initial: <td>solid
2364-
<tr><th>Inherit: <td>?
2365-
</table>
2366-
<dt>text-line-skip</dt>
2367-
<dd>
2368-
<table>
2369-
<tr><th>Values: <td>none | [ images | spaces | ink ]
2370-
<tr><th>Initial: <td>images
2371-
<tr><th>Inherit: <td>yes
2372-
</table>
2373-
<dt>text-decoration (shorthand)</dt>
2374-
<dd>
2375-
<table>
2376-
<tr><th>values <td>&lt;'text-line-decoration'&gt; || &lt;'text-line-color'&gt; || &lt;'text-line-style'&gt; || blink
2377-
</table>
2378-
<dt>text-underline-position</dt>
2379-
<dd>
2380-
<table>
2381-
<tr><th>Values: <td>auto | before-edge | alphabetic | after-edge
2382-
<tr><th>Initial: <td>auto
2383-
<tr><th>Inherit: <td>yes
2384-
</table>
2385-
</dl>
2386-
2387-
<p>Comments? Alternatives? Post them to <a href="mailto:www-style@w3.org">www-style@w3.org</a>
2388-
with <kbd>[CSS3 Text]</kbd> in the subject line.</p>
2389-
</div>
2342+
<table class="propdef">
2343+
<tbody>
2344+
<tr>
2345+
<th>Name:</th>
2346+
<td><dfn>text-underline-position</dfn></td>
2347+
</tr>
2348+
<tr>
2349+
<th>Value:</th>
2350+
<td>auto | before-edge | alphabetic | after-edge
2351+
</td>
2352+
</tr>
2353+
<tr>
2354+
<th>Initial:</th>
2355+
<td>auto</td>
2356+
</tr>
2357+
<tr>
2358+
<th>Applies to:</th>
2359+
<td>all elements and generated content</td>
2360+
</tr>
2361+
<tr>
2362+
<th>Inherited:</th>
2363+
<td>yes</td>
2364+
</tr>
2365+
<tr>
2366+
<th>Percentages:</th>
2367+
<td>N/A</td>
2368+
</tr>
2369+
<tr>
2370+
<th>Media:</th>
2371+
<td>visual</td>
2372+
</tr>
2373+
<tr>
2374+
<th>Computed&#160;value:</th>
2375+
<td>as specified</td>
2376+
</tr>
2377+
</tbody>
2378+
</table>
23902379

23912380
<h3 id="text-emphasis"><span class="secno">8.2</span>
23922381
Emphasis Marks: the 'text-emphasis' property</h3>

0 commit comments

Comments
 (0)