[css-regions] s/_/-/ in example idents

Author: astearns

css3-regions/Overview.html

@@ -1333,16 +1333,16 @@ <h3 id=the-region-fragment-property><span class=secno>3.4. </span>The
     article {
       flow-into: article-flow;
     }
-    #region_1, #region_2 {
+    #region-1, #region-2 {
       flow-from: article-flow;
       <strong>region-fragment: break;</strong> /* or auto */
       <strong>overflow: visible;</strong> /* or hidden */
     }
   &lt;/style&gt;
 
   &lt;template&gt;
-    &lt;div id="region_1"&gt;&lt;/div&gt;
-    &lt;div id="region_2"&gt;&lt;/div&gt;
+    &lt;div id="region-1"&gt;&lt;/div&gt;
+    &lt;div id="region-2"&gt;&lt;/div&gt;
   &lt;/template&gt;
 &lt;/element&gt;
 
@@ -1356,8 +1356,8 @@ <h3 id=the-region-fragment-property><span class=secno>3.4. </span>The
      <tr>
       <td>‘<code class=css>flow-into: "article"</code>’
 
-      <td><code class=html>region_1</code> and <code
-       class=html>region_2</code>
+      <td><code class=html>region-1</code> and <code
+       class=html>region-2</code>
 
       <td>‘<code class=css>region-fragment: auto</code>’<br>
        ‘<code class=css>overflow:visible</code>’
@@ -1514,38 +1514,38 @@ <h3 id=the-at-region-style-rule><span class=secno>3.5. </span>The @region
   <div class=example id=region-style-example>
    <p>In the following example, the <a href="#named-flow0">named flow</a>
     ‘<code class=property>article-flow</code>’ flows through ‘<code
-    class=css>region_1</code>’ and ‘<code class=css>region_2</code>’.
+    class=css>region-1</code>’ and ‘<code class=css>region-2</code>’.
 
    <pre>
 &lt;style&gt;
-    #div_1 {
+    #div-1 {
         <strong>flow-into: article-flow;</strong>
     }
 
-    #region_1, #region_2 {
+    #region-1, #region-2 {
         <strong>flow-from: article-flow;</strong>
     }
 
     /* region style "RSA" */
-    <strong>@region #region_1, #region_2</strong> {
+    <strong>@region #region-1, #region-2</strong> {
         div {...}
         p {...}
     }
 
     /* region style "RSB" */
-    <strong>@region #region_1</strong> {
+    <strong>@region #region-1</strong> {
         p {...}
     }
 
 &lt;/style&gt;
 
-&lt;div id="div_1"&gt;
-    &lt;p id="p_1"&gt;...&lt;/p&gt;
-    &lt;p id="p_2"&gt;...&lt;/p&gt;
+&lt;div id="div-1"&gt;
+    &lt;p id="p-1"&gt;...&lt;/p&gt;
+    &lt;p id="p-2"&gt;...&lt;/p&gt;
 &lt;/div&gt;
 
-&lt;div id="region_1"&gt;&lt;/div&gt;
-&lt;div id="region_2"&gt;&lt;/div&gt;
+&lt;div id="region-1"&gt;&lt;/div&gt;
+&lt;div id="region-2"&gt;&lt;/div&gt;
 
 </pre>
 
@@ -1554,45 +1554,45 @@ <h3 id=the-at-region-style-rule><span class=secno>3.5. </span>The @region
     id="region_styling_img_2" name="region_styling_img_2"
     src="images/region-styling-2.png">
     <ul class=swatch-list>
-     <li><span class=swatch style="background:#1C75BC"> </span>div div_1
+     <li><span class=swatch style="background:#1C75BC"> </span>div div-1
 
-     <li><span class=swatch style="background:crimson"> </span>paragraph p_1
+     <li><span class=swatch style="background:crimson"> </span>paragraph p-1
 
-     <li><span class=swatch style="background:white"> </span>paragraph p_2
+     <li><span class=swatch style="background:white"> </span>paragraph p-2
 
      <li><span class=swatch style="background:#E6E7E8"> </span>range of flow
-      that fits into region_1
+      that fits into region-1
 
      <li><span class=swatch style="background:#BCBEC0"> </span>range of flow
-      that fits into region_2
+      that fits into region-2
     </ul>
    </div>
 
    <p>The region style ‘<code class=css>RSA</code>’ applies to flow
-    content that is laid out in either ‘<code class=css>region_1</code>’
-    or ‘<code class=css>region_2</code>’.
+    content that is laid out in either ‘<code class=css>region-1</code>’
+    or ‘<code class=css>region-2</code>’.
 
    <p>The first rule set ‘<code class=css>div {...}</code>’ applies to
     all <code class=html>&lt;div&gt;</code> elements that fit partially or
-    fully into ‘<code class=css>region_1</code>’ or ‘<code
-    class=css>region_2</code>’. <code class=html>div_1</code> is split
-    between ‘<code class=css>region_1</code>’ and ‘<code
-    class=css>region_2</code>’ and gets the style from this style rule.
+    fully into ‘<code class=css>region-1</code>’ or ‘<code
+    class=css>region-2</code>’. <code class=html>div-1</code> is split
+    between ‘<code class=css>region-1</code>’ and ‘<code
+    class=css>region-2</code>’ and gets the style from this style rule.
 
    <p>The second rule set ‘<code class=css>p {...}</code>’ applies to all
     <code class=html>&lt;p&gt;</code> elements that fit into ‘<code
-    class=css>region_1</code>’ or ‘<code class=css>region_2</code>’. In
-    our example, both <code class=html>p_1</code> and <code
-    class=html>p_2</code> are selected.
+    class=css>region-1</code>’ or ‘<code class=css>region-2</code>’. In
+    our example, both <code class=html>p-1</code> and <code
+    class=html>p-2</code> are selected.
 
    <p>The region style ‘<code class=css>RSB</code>’ applies to flow
-    content that fits in ‘<code class=css>region_1</code>’.
+    content that fits in ‘<code class=css>region-1</code>’.
 
    <p>The first rule set ‘<code class=css>p {...}</code>’ matches <code
-    class=html>p_1</code> and <code class=html>p_2</code> because these
-    paragraphs flow into ‘<code class=css>region_1</code>’. Only the
-    fragment of <code class=html>p_2</code> that flows into <code
-    class=html>region_1</code> is styled with this rule.
+    class=html>p-1</code> and <code class=html>p-2</code> because these
+    paragraphs flow into ‘<code class=css>region-1</code>’. Only the
+    fragment of <code class=html>p-2</code> that flows into <code
+    class=html>region-1</code> is styled with this rule.
   </div>
 
   <div class=issue-marker data-bug_id=15734 data-bug_status=NEW> <a

css3-regions/Overview.src.html

@@ -1185,16 +1185,16 @@ <h3 id="the-region-fragment-property">The region-fragment property</h3>
     article {
       flow-into: article-flow;
     }
-    #region_1, #region_2 {
+    #region-1, #region-2 {
       flow-from: article-flow;
       <strong>region-fragment: break;</strong> /* or auto */
       <strong>overflow: visible;</strong> /* or hidden */
     }
   &lt;/style&gt;
 
   &lt;template&gt;
-    &lt;div id="region_1"&gt;&lt;/div&gt;
-    &lt;div id="region_2"&gt;&lt;/div&gt;
+    &lt;div id="region-1"&gt;&lt;/div&gt;
+    &lt;div id="region-2"&gt;&lt;/div&gt;
   &lt;/template&gt;
 &lt;/element&gt;
 
@@ -1207,8 +1207,8 @@ <h3 id="the-region-fragment-property">The region-fragment property</h3>
             <tr>
                 <td>''flow-into: "article"''</td>
 
-                <td><code class="html">region_1</code> and <code class=
-                "html">region_2</code></td>
+                <td><code class="html">region-1</code> and <code class=
+                "html">region-2</code></td>
 
                 <td>''region-fragment: auto''<br>
                 ''overflow:visible''</td>
@@ -1324,37 +1324,37 @@ <h3 id="the-at-region-style-rule">The @region rule</h3>
 
     <div class="example" id="region-style-example">
         <p>In the following example, the <span>named flow</span> 'article-flow' flows
-        through 'region_1' and 'region_2'.</p>
+        through 'region-1' and 'region-2'.</p>
         <pre>
 &lt;style&gt;
-    #div_1 {
+    #div-1 {
         <strong>flow-into: article-flow;</strong>
     }
 
-    #region_1, #region_2 {
+    #region-1, #region-2 {
         <strong>flow-from: article-flow;</strong>
     }
 
     /* region style "RSA" */
-    <strong>@region #region_1, #region_2</strong> {
+    <strong>@region #region-1, #region-2</strong> {
         div {...}
         p {...}
     }
 
     /* region style "RSB" */
-    <strong>@region #region_1</strong> {
+    <strong>@region #region-1</strong> {
         p {...}
     }
 
 &lt;/style&gt;
 
-&lt;div id="div_1"&gt;
-    &lt;p id="p_1"&gt;...&lt;/p&gt;
-    &lt;p id="p_2"&gt;...&lt;/p&gt;
+&lt;div id="div-1"&gt;
+    &lt;p id="p-1"&gt;...&lt;/p&gt;
+    &lt;p id="p-2"&gt;...&lt;/p&gt;
 &lt;/div&gt;
 
-&lt;div id="region_1"&gt;&lt;/div&gt;
-&lt;div id="region_2"&gt;&lt;/div&gt;
+&lt;div id="region-1"&gt;&lt;/div&gt;
+&lt;div id="region-2"&gt;&lt;/div&gt;
 
 </pre>
 
@@ -1366,44 +1366,44 @@ <h3 id="the-at-region-style-rule">The @region rule</h3>
 
             <ul class="swatch-list">
                 <li><span class="swatch" style=
-                "background:#1C75BC">&nbsp;</span>div div_1</li>
+                "background:#1C75BC">&nbsp;</span>div div-1</li>
 
                 <li><span class="swatch" style=
-                "background:crimson">&nbsp;</span>paragraph p_1</li>
+                "background:crimson">&nbsp;</span>paragraph p-1</li>
 
                 <li><span class="swatch" style=
-                "background:white">&nbsp;</span>paragraph p_2</li>
+                "background:white">&nbsp;</span>paragraph p-2</li>
 
                 <li><span class="swatch" style=
                 "background:#E6E7E8">&nbsp;</span>range of flow that fits into
-                region_1</li>
+                region-1</li>
 
                 <li><span class="swatch" style=
                 "background:#BCBEC0">&nbsp;</span>range of flow that fits into
-                region_2</li>
+                region-2</li>
             </ul>
         </div>
 
         <p>The region style ''RSA'' applies to flow content that is laid out in either
-        'region_1' or 'region_2'.</p>
+        'region-1' or 'region-2'.</p>
 
         <p>The first rule set ''div {...}'' applies to all <code class=
-        "html">&lt;div&gt;</code> elements that fit partially or fully into 'region_1' or
-        'region_2'. <code class="html">div_1</code> is split between 'region_1' and
-        'region_2' and gets the style from this style rule.</p>
+        "html">&lt;div&gt;</code> elements that fit partially or fully into 'region-1' or
+        'region-2'. <code class="html">div-1</code> is split between 'region-1' and
+        'region-2' and gets the style from this style rule.</p>
 
         <p>The second rule set ''p {...}'' applies to all <code class=
-        "html">&lt;p&gt;</code> elements that fit into 'region_1' or
-        'region_2'. In our example, both <code class="html">p_1</code> 
-        and <code class="html">p_2</code> are selected.</p>
+        "html">&lt;p&gt;</code> elements that fit into 'region-1' or
+        'region-2'. In our example, both <code class="html">p-1</code> 
+        and <code class="html">p-2</code> are selected.</p>
 
         <p>The region style ''RSB'' applies to flow content that fits in
-        'region_1'.</p>
+        'region-1'.</p>
 
-        <p>The first rule set ''p {...}'' matches <code class="html">p_1</code>
-        and <code class="html">p_2</code> 
-        because these paragraphs flow into 'region_1'. Only the fragment of 
-        <code class="html">p_2</code> that flows into <code class="html">region_1</code>
+        <p>The first rule set ''p {...}'' matches <code class="html">p-1</code>
+        and <code class="html">p-2</code> 
+        because these paragraphs flow into 'region-1'. Only the fragment of 
+        <code class="html">p-2</code> that flows into <code class="html">region-1</code>
         is styled with this rule.</p>
     </div>