revising description of string-set; revising examples

Author: howcome

css-gcpm/Overview.src.html

@@ -13,6 +13,15 @@
 .example { background: #ddd }
 body { line-height: 1.3 }
 .unimplemented { background: #fdd }
+
+table.string-set-example { font-family: monospace; border-collapse: collapse }
+table.string-set-example div.pre { 
+  width: 12em; white-space: pre;
+}
+table.string-set-example td { 
+  padding: 0.3em;
+  border: thin solid black
+}
 </style>
 
 
@@ -339,11 +348,11 @@ <h4>Using named strings</h4>
 on the ''string()'' value. This argument can have one of four keywords:
 
 <ul>
-<li>''first'': the value of the first assignment on the page is used. If there is no assignment on the page, the named string's carryover value is used. This is the default value.
+<li>''first'': the value of the first assignment on the page is used. If there is no assignment on the page, the named string's entry value is used. The entry value is the value held by the string at the end of the previous page. ''first'' is the default value.
 
-<li>''start'': the value of the first assignment on the page is used if the element begins the page. Otherwise, the named string's carryover value is used.
+<li>''start'': the value of the first assignment on the page is used if the element begins the page or the named string has not been assigned a value. Otherwise, the named string's entry value is used.
 
-<li>''last'': the named string's exit value for that page is used
+<li>''last'': the named string's exit value is used
 
 <li>''first-except'': similar to ''first'', except on the page where the value was assigned. On that page, the empty string is used.
 
@@ -361,6 +370,81 @@ <h4>Using named strings</h4>
 </pre>
 </div>
 
+<div class="example">
+
+<p>Given this CSS code:
+
+<pre>
+h2 { string-set: header content }
+</pre>
+
+<p>The value of the "header" string 
+
+<table class=string-set-example>
+<tr>
+<td>page#<td>HTML code<td>first<td>start<td>last<td>first-except
+
+<tr>
+<td>1
+<td>
+<div class=pre>&lt;h1>Continents&lt;/h1>
+...
+&lt;h2>Africa&lt;/h2>
+...
+...
+</div>
+<td>Africa
+<td>Africa
+<td>Africa
+<td>
+
+
+<tr>
+<td>2
+<td>
+<div class=pre>...
+&lt;h2>Americas&lt;/h2>
+...
+&lt;h2>Asia&lt;/h2>
+...
+</div>
+<td>Americas
+<td>Africa
+<td>Asia
+<td>
+
+
+<tr>
+<td>3
+<td>
+<div class=pre>...
+...
+...
+...
+</div>
+<td>Asia
+<td>Asia
+<td>Asia
+<td>Asia
+
+<tr>
+<td>4
+<td>
+<div class=pre>&lt;h2>Europe&lt;/h2>
+...
+&lt;h2>Oceania&lt;/h2>
+..
+
+</div>
+<td>Europe
+<td>Europe
+<td>Oceania
+<td>
+</table>
+
+</div>
+
+
 <div class="example">
 <p>In this example, the term that is being described at the start of the page is shown in the top left header.
 <pre>