|
12 | 12 | .example img { display: block } |
13 | 13 | .example { background: #ddd } |
14 | 14 | body { line-height: 1.3 } |
15 | | -.unimplemented { background: #fdd } |
| 15 | +.remove, .unimplemented { background: #fdd } |
16 | 16 |
|
17 | 17 | table.string-set-example { font-family: monospace; border-collapse: collapse } |
18 | 18 | table.string-set-example div.pre { |
@@ -84,7 +84,7 @@ <h2 class="no-num no-toc">Status of this document</h2> |
84 | 84 |
|
85 | 85 | <!--end-status--> |
86 | 86 |
|
87 | | -<p>This WD contains functionality that the CSS WG finds interesting and useful. In general, the earlier a feature appears in this draft, the more stable it is. Significant changes in functionality and syntax must be expected from <a href="#paged-presentations">paged presentations</a> and onwards. Also, functionality described in this module may be moved to other modules. Since the <a href="http://www.w3.org/TR/2010/WD-css3-gcpm-20100608">previous WD</a>, hyphenation has been moved to <a href="http://www.w3.org/TR/2011/WD-css3-text-20110901/#hyphenation">css3-text</a> and the <a href="http://www.w3.org/TR/2010/WD-css3-gcpm-20100608/#the-super-decimal-list-style-type">super-decimal</a> list-style-type value has been moved to <a href="http://www.w3.org/TR/2011/WD-css3-lists-20110524/#super-decimal">css3-lists</a>. <a href="http://www.w3.org/TR/2010/WD-css3-gcpm-20100608/#named-counter-styles">Named counter styles</a> and the <a href="http://www.w3.org/TR/2010/WD-css3-gcpm-20100608/#the-symbols-list-style-type">symbols()</a> list-style-type value should also appear in a future css3-lists WD. |
| 87 | +<p>This WD contains functionality that the CSS WG finds interesting and useful. In general, the earlier a feature appears in this draft, the more stable it is. Significant changes in functionality and syntax must be expected from <a href="#paged-presentations">paged presentations</a> and onwards. Also, functionality described in this module may be moved to other modules. Since the <a href="http://www.w3.org/TR/2011/WD-css3-gcpm-20111129/">previous WD</a>, this specification has been alinged with existing implemenatation. Some functionality has been removed (e.g., env(), target-pull()), or moved to other modules (the styling of blank pages). Some functionality are used in this draft with the expectation that it will appear in other modules (<a href="http://dev.w3.org/csswg/css-backgrounds-4/#border-clip">border-clip</a>). The definition of some properties has changed (e.g., the 'start' keyword) or been further clarified based on feedback on www-style. |
88 | 88 |
|
89 | 89 | <h2 class="no-num no-toc"><a name="contents">Table of contents</a></h2> |
90 | 90 |
|
@@ -880,22 +880,29 @@ <h3>The ''target-text'' value</h3> |
880 | 880 |
|
881 | 881 | <h2>Footnotes</h2> |
882 | 882 |
|
883 | | -<p>A footnote is a note typically placed at the bottom of a page that |
884 | | -comments on or cites a reference. References to footnotes are marked |
885 | | -with a <em>note-call</em> in the main text. The rendering of footnotes |
886 | | -is complex. As far as possible, footnotes try to reuse other parts of |
887 | | -CSS. However, due to the typographic traditions of footnotes, some new |
888 | | -functionality is required to support footnotes in CSS: |
| 883 | +<p>When an element is turned into a footnote, certain magical things |
| 884 | +happen. The element is moved to the footnote area, a footnote call is |
| 885 | +left behind in its place, a footnote marker is displayed before the |
| 886 | +element, and the footnote counter is incremented. |
889 | 887 |
|
890 | | -<p>In order to support footnotes in CSS, the following functionality is added: |
| 888 | + |
| 889 | +<p>A footnote is a note typically placed at the bottom of a page that |
| 890 | +comments on, or cites, a reference. References to footnotes are marked |
| 891 | +with a <em>footnote call</em> in the main text which corresponds to |
| 892 | +a <em>footnote marker</em> in the <em>footnote area</em>. The |
| 893 | +rendering of footnotes is complex. As far as possible, footnotes try |
| 894 | +to reuse other parts of CSS. However, due to the typographic |
| 895 | +traditions of footnotes, some new functionality is required to support |
| 896 | +footnotes in CSS: |
891 | 897 |
|
892 | 898 | <ul> |
893 | 899 | <li>one new value on the 'float' property: ''footnote'' |
894 | 900 | <li>one new page area: ''@footnote'' |
895 | 901 | <li>two new pseudo-elements: ''::footnote-call'' and ''::footnote-marker'' |
896 | 902 | <li>one predefined counter: ''footnote'' |
897 | 903 | <li class=remove>one new value on the 'content' property: ''target-pull()'' |
898 | | -<li>border segments |
| 904 | +<li>border segments (see <a href="http://dev.w3.org/csswg/css-backgrounds-4/#border-clip">border-clip</a>) |
| 905 | +<li><a href="http://www.w3.org/TR/2011/WD-css3-lists-20110524/#super-decimal">super-decimal</a> |
899 | 906 | <!--<li>two new 'list-style-type' values: ''super-decimal'', and symbol(...)--> |
900 | 907 | </ul> |
901 | 908 |
|
@@ -977,6 +984,8 @@ <h2>Footnotes</h2> |
977 | 984 |
|
978 | 985 | <h3>Turning elements into footnotes</h3> |
979 | 986 |
|
| 987 | + |
| 988 | + |
980 | 989 | <p>An element with ''float: footnote'' (called a <em>footnote |
981 | 990 | element</em>) is moved to the <em>footnote area</em> and a <em>footnote-call</em> |
982 | 991 | pseudo-element is put in its original place. |
@@ -1018,6 +1027,7 @@ <h3>Turning elements into footnotes</h3> |
1018 | 1027 | </div> |
1019 | 1028 |
|
1020 | 1029 | </div> |
| 1030 | + |
1021 | 1031 | <!-- |
1022 | 1032 | <p class=issue>Another way to achieve this would be to introduce different keywords for inline and block footnotes (e.g., float: footnote-inline, float: footnote-block). |
1023 | 1033 | --> |
|
0 commit comments