Skip to content

Commit 55ef846

Browse files
committed
x
1 parent cbabf99 commit 55ef846

1 file changed

Lines changed: 36 additions & 28 deletions

File tree

css3-gcpm/Overview.html

Lines changed: 36 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -492,24 +492,35 @@ <h4 id=setting-named-strings-the-string-set-pro><span class=secno>2.1.1.
492492
<dt>&lsquo;<code class=css>env()</code>&rsquo;
493493

494494
<dd>This function returns data from the environment of the user at the
495-
time of formatting.
496-
<div class=example>
497-
<p>Possible uses of this function are:
495+
time of formatting. The function accepts one of these keywords:
496+
<ul>
497+
<li>env(url): returns the URL of the document
498498

499-
<pre>
500-
string-set: date env(date);
501-
string-set: date env(time);
502-
string-set: date env(date-time);
503-
string-set: url env(url);
504-
</pre>
505-
</div>
499+
<li>env(date): returns the date on the user's system at the time of
500+
formatting
501+
502+
<li>env(time): returns the time on the user's system at the time of
503+
formatting
504+
505+
<li>env(date-time): returns the date and time on the user's system at
506+
the time of formatting
507+
</ul>
506508

507509
<p class=note>Information about date and time is formatted according to
508510
the locale of the user. Implementors can get access to preformatted
509511
strings by way of the <a
510512
href="http://www.opengroup.org/onlinepubs/009695399/functions/strftime.html">strftime</a>
511513
function. The date, time and date-time strings can be found by using
512-
the "%x", "%X" and "%c" conversion strings, respectively
514+
the "%x", "%X" and "%c" conversion strings, respectively.
515+
516+
<div class=example>
517+
<pre>
518+
string-set: url env(url);
519+
string-set: date env(date);
520+
string-set: date env(time);
521+
string-set: date env(date-time);
522+
</pre>
523+
</div>
513524
</dl>
514525
</dl>
515526
<!--<p class="issue">Should target-counter() and leader() also be allowed?</p>-->
@@ -1106,7 +1117,7 @@ <h2 id=footnotes><span class=secno>5. </span>Footnotes</h2>
11061117

11071118
<pre>
11081119
&lt;style>
1109-
.footnote { float: footnote; display: block; }
1120+
.footnote { float: footnote }
11101121
&lt;/style>
11111122

11121123
&lt;p>A sentence consists of words. &lt;span class="footnote">Most often.&lt;/span>.
@@ -1134,7 +1145,6 @@ <h2 id=footnotes><span class=secno>5. </span>Footnotes</h2>
11341145
@media print {
11351146
.footnote {
11361147
float: footnote;
1137-
display: block;
11381148
content: target-pull(attr(href, url)) }
11391149
.call { display: none }
11401150
}
@@ -1168,7 +1178,6 @@ <h2 id=footnotes><span class=secno>5. </span>Footnotes</h2>
11681178
span[title]::after {
11691179
content: attr(title);
11701180
float: footnote;
1171-
display: block;
11721181
}
11731182
</pre>
11741183
</div>
@@ -1185,21 +1194,27 @@ <h3 id=turning-elements-into-footnotes><span class=secno>5.1.
11851194
<pre>
11861195
span.footnote {
11871196
float: footnote;
1188-
display: block;
11891197
}
11901198
</pre>
11911199
</div>
11921200

1193-
<p>The &lsquo;<code class=property>display</code>&rsquo; property
1194-
determines how elements in the footnote area are displayed.
1201+
<p>Footnote elements are presented inside the <em>footnote area</em>, but
1202+
they inherit through their normal place in the structure of the document.
1203+
1204+
<p>The &lsquo;<code class=property>display</code>&rsquo; property on
1205+
footnote elements is ignored. Instead, the value of the &lsquo;<code
1206+
class=property>display</code>&rsquo; property in the @footnote context
1207+
determines if footnotes are block or inline elements.
11951208

11961209
<div class=example>
11971210
<p>In this example, the footnotes are displayed inline:
11981211

11991212
<pre>
1213+
@footnote {
1214+
display: inline;
1215+
}
12001216
span.footnote {
12011217
float: footnote;
1202-
display: inline; /* probably not necessary for &lt;span&gt; elements */
12031218
}
12041219
span.footnote::before {
12051220
content: counter(footnote);
@@ -1213,20 +1228,13 @@ <h3 id=turning-elements-into-footnotes><span class=secno>5.1.
12131228
</pre>
12141229
</div>
12151230

1216-
<p class=issue>Instead of relying on the &lsquo;<code
1217-
class=property>display</code>&rsquo; property for each footnote element,
1218-
there could be a setting in @footnote for this.
1231+
<p class=issue>Another way to achieve this would be to introduce different
1232+
keywords for inline and block footnotes (e.g., float: footnote-inline,
1233+
float: footnote-block).
12191234

12201235
<p>For each new footnote element, the &lsquo;<code
12211236
class=css>footnote</code>&rsquo; counter is automatically incremented.
12221237

1223-
<p>Footnote elements are presented inside the <em>footnote area</em>, but
1224-
they inherit through their normal place in the structure of the document.
1225-
<!--
1226-
<p class="issue">There has been a number of proposals on how to achieve this, including &lsquo;<code class=css>position: footnote</code>&rsquo;, &lsquo;<code class=css>flow: footnote</code>&rsquo;, and &lsquo;<code class=css>display: footnote</code>&rsquo;. The current thinking is that &lsquo;<code class=property>float</code>&rsquo; is suitable as the content still takes up space.
1227-
-->
1228-
1229-
12301238
<h3 id=the-footnote-area><span class=secno>5.2. </span>The footnote area</h3>
12311239

12321240
<p>All elements with &lsquo;<code class=css>float: footnote</code>&rsquo;

0 commit comments

Comments
 (0)