[css2] Added section on language-dependent quotes, fixed bugs in :before/:after section to allow inline and block-level generated content

--HG--
extra : convert_revision : svn%3A73dc7c4b-06e6-40f3-b4f7-9ed1dbc14bfc/trunk%40907

Author: ianbjacobs

css2/generate.src

@@ -39,12 +39,14 @@ class="index-def" title=":after|pseudo-elements:::after">:after</span>
 pseudo elements and the <span
 class="propinst-content">'content'</span> property</h2>
 
-<p>Authors specify generated content with the :before and :after
-pseudo-elements. The <span class="propinst-content">'content'</span>
-property of these pseudo-elements specifies what is inserted. :before
-and :after <a href="cascade.html#inheritance">inherit</a> any
-inheritable properties from the element to which they are
-attached.</p>
+<p>Authors specify the location of generated content with the :before
+and :after pseudo-elements. The <span
+class="propinst-content">'content'</span> property, in conjunction
+with these pseudo-elements, specifies what is inserted. The :before
+and :after pseudo-elements <a
+href="cascade.html#inheritance">inherit</a> any inheritable properties
+from the element to which they are attached.</p>
+
 
 <div class=example>
 <p>For example, the following rule inserts a double quote mark 
@@ -84,18 +86,23 @@ BODY:after {
 <!-- #include src=properties/content.srb -->
 
 <p>The value of the <span class="propinst-content">'content'</span>
-property is a sequence of strings, URIs, and counters. The various
-parts are laid out as inline boxes inside the element.</p>
+property is a sequence of strings, URIs, and counters. The <span
+class="propinst-display">'display'</span> property controls whether
+the content is placed in an inline box or a block-level box; only the
+values 'block', 'inline', and 'none' are permitted). The initial value
+is 'inline'.
 
 <P>The values have the following meanings:</p>
 
 <dl>
 <dt><span class="index-def" title="&lt;string&gt;, definition of"><a
 name="value-def-string"><strong>&lt;string&gt;</strong></a></span>
-<dd>??
+<dd>The value is assumed to be a string.
+<dt><span class="index-inst" title="&lt;uri&gt;"><span class="value-inst-uri"><strong>&lt;uri&gt;</strong></span></span>
+<dd>The value is a URI.
 <dt><span class="index-def" title="&lt;counter&gt;, definition of"><a
 name="value-def-counter"><strong>&lt;counter&gt;</strong></a></span>
-<dd>??
+<dd>[To be defined].
 </dl>
 
 <div class=note>
@@ -107,10 +114,6 @@ pseudo-element is all in one style.
 </em></p>
 </div>
 
-<p>[How to do language-dependent quotes? [LANG=fr] Q:before{content:
-"�"} doesn't work. How about Q:fr-fr:before {content: "�"} ? or @lang
-fr-fr {Q:before{content: "�"}} ?]</p>
-
 <p>Newlines can be included in the generated content by writing the
 "\A" (or "\00000A") escape sequence in one of the strings after the
 <span class="propinst-content">'content'</span> property. This inserts
@@ -138,6 +141,45 @@ reparsing).
 </em>
 </div>
 
+<h2><a name="quotes">Language-dependent quotation marks</a></h2>
+
+<!-- #include src=properties/quotes.srb -->
+
+<P>So that user agents may handle nested quotation marks in a
+language-dependent way, CSS provides the <span
+class="propinst-quotes">'quotes'</span> property. The value of this
+property is a list of pairs of quotation marks (opening and
+closing). The first (leftmost) pair represents the outermost level of
+quotation, the second pair the first level of embedding, etc. The user
+agent must apply the appropriate pair of quotation marks according to
+the level of embedding.
+
+<P>Applying the following style sheet:</p>
+
+<PRE class="example">
+  [LANG|="en"] { quoting: �"� �"� "�" "�" �"� �"� }
+  [LANG|="fr"] { quoting: "� " " �" �"� �"� "�" "�"  }
+  [LANG|="no"] { quoting: "�" "�" "'" "'" "\"" "\""  }
+  [LANG|="se"] { quoting: "�" "�"  �"� �"� "�" "�"  }
+</PRE>
+
+<P>to the following HTML fragment:</p>
+
+<PRE class="html-example">
+&lt;BODY lang="en"&gt;
+   &lt;P&gt;&lt;Q&gt;Quote me!&lt;/Q&gt;
+   &lt;P LANG="no"&gt;&lt;Q&gt;Siter &lt;Q&gt;meg&lt;/Q&gt;!&lt;/Q&gt;
+&lt;/BODY&gt;
+</PRE>
+
+<P>would allow a user agent to render:</p>
+
+<PRE>
+  "Quote me!"
+
+  �Siter 'meg'!�
+</PRE>
+
 <h2>Automatic counters and numbering</h2>
 
 <P><em>This is a placeholder.</em>