Rename box-break: continuous | each-box to box-decoration-break: slice | clone

Author: fantasai

css3-background/Overview.html

@@ -22,13 +22,13 @@
 
    <h1>CSS Backgrounds and Borders Module Level 3</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 16 November
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 18 November
     2009</h2>
 
    <dl>
     <dt>This version:
 
-    <dd><!--<a href="http://www.w3.org/TR/2009/CR-css3-background-20091116">http://www.w3.org/TR/2009/ED-css3-background-20091116</a>-->
+    <dd><!--<a href="http://www.w3.org/TR/2009/CR-css3-background-20091118">http://www.w3.org/TR/2009/ED-css3-background-20091118</a>-->
      <a
      href="http://dev.w3.org/csswg/css3-background">http://dev.w3.org/csswg/css3-background</a>
 
@@ -129,7 +129,7 @@ <h2 class="no-num no-toc" id=status>Status of this document</h2>
   <p>The following features are at-risk and may be dropped at the end of the
    CR period if there has not been enough interest from implementers:
    &lsquo;<code class=property><a
-   href="#box-break">box-break</a></code>&rsquo;.
+   href="#box-decoration-break">box-decoration-break</a></code>&rsquo;.
 
   <p>This specification is a <strong>Last Call Working Draft</strong>. All
    persons are encouraged to review this document and <strong>send comments
@@ -249,8 +249,9 @@ <h2 class="no-num no-toc" id=contents>Table of contents</h2>
 
    <li><a href="#misc"><span class=secno>6 </span>Miscellaneous Effects</a>
     <ul class=toc>
-     <li><a href="#the-box-break"><span class=secno>6.1 </span>The
-      &lsquo;<code class=property>box-break</code>&rsquo; property</a>
+     <li><a href="#the-box-decoration-break"><span class=secno>6.1 </span>The
+      &lsquo;<code class=property>box-decoration-break</code>&rsquo;
+      property</a>
 
      <li><a href="#the-box-shadow"><span class=secno>6.2 </span>The
       &lsquo;<code class=property>box-shadow</code>&rsquo; property</a>
@@ -320,11 +321,12 @@ <h2 id=introduction><span class=secno>1 </span>Introduction</h2>
 
 
   <p>If an element is broken into multiple boxes, &lsquo;<code
-   class=property><a href="#box-break">box-break</a></code>&rsquo; defines
-   how the borders and background are divided over the various boxes. (An
-   element can result in more than one box if it is broken at the end of a
-   line, at the end of a column or at the end of a page; and continued in the
-   next line, column or page.)
+   class=property><a
+   href="#box-decoration-break">box-decoration-break</a></code>&rsquo;
+   defines how the borders and background are divided over the various boxes.
+   (An element can result in more than one box if it is broken at the end of
+   a line, at the end of a column or at the end of a page; and continued in
+   the next line, column or page.)
 
   <p>The relative stacking order of backgrounds, borders, and shadows is
    given in this module. For how these layers interact with other rendered
@@ -1249,8 +1251,8 @@ <h3 id=the-background-origin><span class=secno>3.8 </span>The &lsquo;<code
    id=background-positioning-area>background positioning area</dfn>. For
    elements rendered as multiple boxes (e.g., inline boxes on several lines,
    boxes on several pages) specifies which boxes &lsquo;<code
-   class=property><a href="#box-break">box-break</a></code>&rsquo; operates
-   on to determine the background positioning area(s). Where
+   class=property>box-decoratin-break</code>&rsquo; operates on to determine
+   the background positioning area(s). Where
 
   <pre
    class=prod><dfn id=ltbg-origingt><var>&lt;bg-origin&gt;</var></dfn> = border-box | padding-box | content-box</pre>
@@ -3445,25 +3447,27 @@ <h3 id=the-border-image><span class=secno>5.7 </span>The &lsquo;<code
 
   <h2 id=misc><span class=secno>6 </span>Miscellaneous Effects</h2>
 
-  <h3 id=the-box-break><span class=secno>6.1 </span>The &lsquo;<code
-   class=property><a href="#box-break">box-break</a></code>&rsquo; property</h3>
+  <h3 id=the-box-decoration-break><span class=secno>6.1 </span>The
+   &lsquo;<code class=property><a
+   href="#box-decoration-break">box-decoration-break</a></code>&rsquo;
+   property</h3>
 
   <table class=propdef>
    <tbody>
     <tr>
      <th>Name:
 
-     <td><dfn id=box-break>box-break</dfn>
+     <td><dfn id=box-decoration-break>box-decoration-break</dfn>
 
     <tr>
      <th>Value:
 
-     <td>continuous | each-box
+     <td>slice | clone
 
     <tr>
      <th>Initial:
 
-     <td>continuous
+     <td>slice
 
     <tr>
      <th>Applies to:
@@ -3493,20 +3497,17 @@ <h3 id=the-box-break><span class=secno>6.1 </span>The &lsquo;<code
 
   <p>When a box is broken at a page break, column break, or, for inline
    elements, at a line break, the &lsquo;<code class=property><a
-   href="#box-break">box-break</a></code>&rsquo; property specifies whether
-   individual boxes are treated as broken pieces of one continuous box, or
-   whether each box is individually wrapped with the border and padding. For
-   backgrounds it defines how the <a class=index
+   href="#box-decoration-break">box-decoration-break</a></code>&rsquo;
+   property specifies whether individual boxes are treated as broken pieces
+   of one continuous box, or whether each box is individually wrapped with
+   the border and padding. For backgrounds it defines how the <a class=index
    href="#background-positioning-area"
    id=background-positioning-area2>background positioning area</a> is derived
    from these multiple boxes and how the element's background is drawn within
    them. Values have the following meanings:
 
-  <p class=issue>Any suggestions for better names? I think these aren't very
-   clear.
-
   <dl>
-   <dt><dfn id=each-box>&lsquo;<code class=css>each-box</code>&rsquo;</dfn>
+   <dt><dfn id=clone>&lsquo;<code class=css>clone</code>&rsquo;</dfn>
 
    <dd>Each box is independently wrapped with the border and padding. The
     &lsquo;<code class=property><a
@@ -3517,8 +3518,7 @@ <h3 id=the-box-break><span class=secno>6.1 </span>The &lsquo;<code
     element. A no-repeat background image will thus be rendered once in each
     box of the element.
 
-   <dt><dfn id=continuous>&lsquo;<code
-    class=css>continuous</code>&rsquo;</dfn>
+   <dt><dfn id=slice>&lsquo;<code class=css>slice</code>&rsquo;</dfn>
 
    <dd>
     <p>No border and no padding are inserted at the break. <!-- No box-shadow
@@ -3564,9 +3564,9 @@ <h3 id=the-box-break><span class=secno>6.1 </span>The &lsquo;<code
    <p><img alt="Illustration of box-break" src=box-break.png>
 
    <p class=caption>Two possibilities for &lsquo;<code class=property><a
-    href="#box-break">box-break</a></code>&rsquo;: on the left, the value
-    &lsquo;<code class=css>continuous</code>&rsquo;, on the right the value
-    &lsquo;<code class=css>each-box</code>&rsquo;.
+    href="#box-decoration-break">box-decoration-break</a></code>&rsquo;: on
+    the left, the value &lsquo;<code class=css>slice</code>&rsquo;, on the
+    right the value &lsquo;<code class=css>clone</code>&rsquo;.
   </div>
 
   <p>For inline elements side of the box that breaks is determined by the
@@ -4412,11 +4412,12 @@ <h2 class=no-num id=property-index>Property index</h2>
      <td>visual
 
     <tr valign=baseline>
-     <td><a class=property href="#box-break">box-break</a>
+     <td><a class=property
+      href="#box-decoration-break">box-decoration-break</a>
 
-     <td>continuous | each-box
+     <td>slice | clone
 
-     <td>continuous
+     <td>slice
 
      <td>all elements
 
@@ -4627,8 +4628,8 @@ <h2 class=no-num id=index>Index</h2>
       value"><strong>3.6</strong></a>
     </ul>
 
-   <li>box-break, <a href="#box-break"
-    title=box-break><strong>6.1</strong></a>
+   <li>box-decoration-break, <a href="#box-decoration-break"
+    title=box-decoration-break><strong>6.1</strong></a>
 
    <li>&lsquo;<code class=css>center</code>&rsquo;
     <ul>
@@ -4638,6 +4639,9 @@ <h2 class=no-num id=index>Index</h2>
       value"><strong>3.6</strong></a>
     </ul>
 
+   <li>&lsquo;<code class=css>clone</code>&rsquo;, <a href="#clone"
+    title="''clone''"><strong>6.1</strong></a>
+
    <li><var><a href="#ltcolorgt">&lt;color&gt;</a></var>, <a
     href="#ltcolorgt" title="&lt;color&gt;"><strong>2</strong></a>
     <ul>
@@ -4651,9 +4655,6 @@ <h2 class=no-num id=index>Index</h2>
    <li>&lsquo;<code class=css>content-box</code>&rsquo;, <a
     href="#content-box" title="''content-box''"><strong>3.8</strong></a>
 
-   <li>&lsquo;<code class=css>continuous</code>&rsquo;, <a href="#continuous"
-    title="''continuous''"><strong>6.1</strong></a>
-
    <li>&lsquo;<code class=css>cover</code>&rsquo;, <a href="#cover"
     title="''cover''"><strong>3.9</strong></a>
 
@@ -4671,9 +4672,6 @@ <h2 class=no-num id=index>Index</h2>
    <li>&lsquo;<code class=css>double</code>&rsquo;, <a href="#double"
     title="''double''"><strong>4.2</strong></a>
 
-   <li>&lsquo;<code class=css>each-box</code>&rsquo;, <a href="#each-box"
-    title="''each-box''"><strong>6.1</strong></a>
-
    <li>&lsquo;<code class=css>fill</code>&rsquo;, <a
     href="#border-image-slice-fill" title="''fill''"><strong>5.2</strong></a>
 
@@ -4804,6 +4802,9 @@ <h2 class=no-num id=index>Index</h2>
    <li>&lsquo;<code class=css>scroll</code>&rsquo;, <a href="#scroll"
     title="''scroll''"><strong>3.5</strong></a>
 
+   <li>&lsquo;<code class=css>slice</code>&rsquo;, <a href="#slice"
+    title="''slice''"><strong>6.1</strong></a>
+
    <li>&lsquo;<code class=css>solid</code>&rsquo;, <a href="#solid"
     title="''solid''"><strong>4.2</strong></a>
 

css3-background/Overview.src.html

@@ -69,7 +69,7 @@ <h2 class="no-num no-toc" id="status">Status of this document</h2>
 
 <p>The following features are at-risk and may be dropped at the
 end of the CR period if there has not been enough interest from
-implementers: 'box-break'.
+implementers: 'box-decoration-break'.
 
 <p>This specification is a <strong>Last Call Working Draft</strong>. All
 persons are encouraged to review this document and <strong>send comments
@@ -116,8 +116,8 @@ <h2 id="introduction">Introduction</h2>
 <!-- Additionally the box may be given a "drop-shadow" effect with the
 'box-shadow' property. -->
 
-<p>If an element is broken into multiple boxes, 'box-break' defines
-how the borders and background are divided over the various boxes.
+<p>If an element is broken into multiple boxes, 'box-decoration-break'
+defines how the borders and background are divided over the various boxes.
 (An element can result in more than one box if it is broken at the
 end of a line, at the end of a column or at the end of a page; and
 continued in the next line, column or page.)
@@ -844,8 +844,8 @@ <h3 id="the-background-origin">The 'background-origin' property</h3>
 <p>For elements rendered as a single box, specifies the
 <dfn id="background-positioning-area">background positioning area</dfn>.
 For elements rendered as multiple boxes (e.g., inline boxes on several
-lines, boxes on several pages) specifies which boxes 'box-break' operates
-on to determine the background positioning area(s). Where
+lines, boxes on several pages) specifies which boxes 'box-decoratin-break'
+operates on to determine the background positioning area(s). Where
 
 <pre class=prod><dfn><var>&lt;bg-origin&gt;</var></dfn> = border-box | padding-box | content-box</pre>
 
@@ -2511,18 +2511,18 @@ <h3 id="the-border-image">The 'border-image' shorthand</h3>
 
 <h2 id="misc">Miscellaneous Effects</h2>
 
-<h3 id="the-box-break">The 'box-break' property</h3>
+<h3 id="the-box-decoration-break">The 'box-decoration-break' property</h3>
 
 <table class=propdef>
   <tr>
     <th>Name:
-    <td><dfn>box-break</dfn>
+    <td><dfn>box-decoration-break</dfn>
   <tr>
     <th>Value:
-    <td>continuous | each-box
+    <td>slice | clone
   <tr>
     <th>Initial:
-    <td>continuous
+    <td>slice
   <tr>
     <th>Applies to:
     <td>all elements
@@ -2541,26 +2541,23 @@ <h3 id="the-box-break">The 'box-break' property</h3>
 </table>
 
 <p>When a box is broken at a page break, column break, or, for inline
-elements, at a line break, the 'box-break' property specifies whether
-individual boxes are treated as broken pieces of one continuous box,
+elements, at a line break, the 'box-decoration-break' property specifies
+whether individual boxes are treated as broken pieces of one continuous box,
 or whether each box is individually wrapped with the border and padding.
 For backgrounds it defines how the <span class=index>background
 positioning area</span> is derived from these multiple boxes and how
 the element's background is drawn within them. Values have the following
 meanings:
 
-<p class="issue">Any suggestions for better names? I think these aren't
-very clear.</p>
-
 <dl>
-  <dt><dfn>''each-box''</dfn>
+  <dt><dfn>''clone''</dfn>
   <dd>Each box is independently wrapped with the border and padding.
     The 'border-radius' and 'border-image' <!--, and 'box-shadow', if any, -->
     are applied to each box independently. The background is drawn
     independently in each box of the element. A no-repeat background
     image will thus be rendered once in each box of the element.
 
-  <dt><dfn>''continuous''</dfn>
+  <dt><dfn>''slice''</dfn>
   <dd><p>No border and no padding are inserted at the break. <!-- No box-shadow
     is drawn at the broken edge; --> 'border-radius' has no effect at its
     corners; and the 'border-image' is rendered for the whole box as if
@@ -2602,9 +2599,8 @@ <h3 id="the-box-break">The 'box-break' property</h3>
   <p><img alt="Illustration of box-break" src="box-break.png">
 
   <p class=caption>Two possibilities for
-  'box-break': on the left, the value
-  ''continuous'', on the right the value
-  ''each-box''.
+  'box-decoration-break': on the left, the value
+  ''slice'', on the right the value ''clone''.
 </div>
 
 <p>For inline elements side of the box that breaks is determined