[css-ui-3] drop box-sizing:padding-box

This was at risk and browser vendors agree not to implement.

Author: frivoal

css-ui/Overview.bs

@@ -32,7 +32,6 @@ Link Defaults: css-writing-modes-3 (dfn) end
 Ignored Terms: outline-top
 Ignored Terms: outline-left
 Ignored Terms: ime-mode
-At Risk: 'box-sizing' property value: padding-box
 At Risk: 'caret-color' property
 At Risk: 'text-overflow' property value: <<string>>
 At Risk: 'text-overflow' property 2-value syntax and definition
@@ -42,8 +41,6 @@ At Risk: constraints on 'outline-offset' property negative values
 <!--
 At risk due to only one implementation:
 
-<li>box-sizing: padding-box - only FF supports in prefixed version
-
 Not at risk:
 <li>box-sizing implemented by IE5/Mac, Opera
 	-moz-box-sizing implemented by Mozilla
@@ -119,7 +116,6 @@ of Cascading Style Sheets, level 2, revision 1 [[CSS21]]
 <tr><th>Name:</th><td><dfn>box-sizing</dfn></td></tr>
 <tr><th>Value:</th><td>
 content-box |
-padding-box |
 border-box
 </td></tr>
 <tr><th>Initial:</th><td>content-box</td></tr>
@@ -138,22 +134,6 @@ The specified width and height (and respective min/max properties)
 apply to the width and height respectively of the content box of the element.
 The padding and border of the element are laid out
 and drawn outside the specified width and height.</dd>
-<dt><dfn>padding-box</dfn></dt>
-<dd>
-Length and percentages values for width and height (and respective min/max properties)
-on this element determine the padding box of the element.
-That is, any padding specified on the element is laid out
-and drawn inside this specified width and height.
-The content width and height are calculated by
-subtracting the padding widths of the respective sides
-from the specified 'width' and
-'height' properties.
-As the content width and height
-<a href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property">
-cannot be negative</a> ([[!CSS21]], section 10.2),
-this computation is floored at 0.
-Used values, as exposed for instance through {{getComputedStyle()}}, also refer to the padding box.
-</dd>
 <dt><dfn>border-box</dfn></dt>
 <dd>Length and percentages values for width and height (and respective min/max properties)
 on this element determine the border box of the element.
@@ -183,11 +163,11 @@ and always sets the size of the content box.
 The following terms, whose definitions vary based on the computed value of 'box-sizing' are introduced:
 
 <table border="1">
-<tr><th><th>''box-sizing: content-box''<th>''box-sizing: padding-box''<th>''box-sizing: border-box''
-<tr><td><dfn>min inner width</dfn><td>'min-width'<td>max(0, 'min-width' &minus; 'padding-left' &minus; 'padding-right')<td>max(0, 'min-width' &minus; 'padding-left' &minus; 'padding-right' &minus; 'border-left-width' &minus; 'border-right-width')
-<tr><td><dfn>max inner width</dfn><td>'max-width'<td>max(0, 'max-width' &minus; 'padding-left' &minus; 'padding-right')<td>max(0, 'max-width' &minus; 'padding-left' &minus; 'padding-right' &minus; 'border-left-width' &minus; 'border-right-width')
-<tr><td><dfn>min inner height</dfn><td>'min-height'<td>max(0, 'min-height' &minus; 'padding-top' &minus; 'padding-bottom')<td>max(0, 'min-height' &minus; 'padding-top' &minus; 'padding-bottom' &minus; 'border-top-width' &minus; 'border-bottom-width')
-<tr><td><dfn>max inner height</dfn><td>'max-height'<td>max(0, 'max-height' &minus; 'padding-top' &minus; 'padding-bottom')<td>max(0, 'max-height' &minus; 'padding-top' &minus; 'padding-bottom' &minus; 'border-top-width' &minus; 'border-bottom-width')
+<tr><th><th>''box-sizing: content-box''<th>''box-sizing: border-box''
+<tr><td><dfn>min inner width</dfn><td>'min-width'<td>max(0, 'min-width' &minus; 'padding-left' &minus; 'padding-right' &minus; 'border-left-width' &minus; 'border-right-width')
+<tr><td><dfn>max inner width</dfn><td>'max-width'<td>max(0, 'max-width' &minus; 'padding-left' &minus; 'padding-right' &minus; 'border-left-width' &minus; 'border-right-width')
+<tr><td><dfn>min inner height</dfn><td>'min-height'<td>max(0, 'min-height' &minus; 'padding-top' &minus; 'padding-bottom' &minus; 'border-top-width' &minus; 'border-bottom-width')
+<tr><td><dfn>max inner height</dfn><td>'max-height'<td>max(0, 'max-height' &minus; 'padding-top' &minus; 'padding-bottom' &minus; 'border-top-width' &minus; 'border-bottom-width')
 </table>
 
 The <a href="http://www.w3.org/TR/CSS21/visudet.html">Visual formatting model details</a> of [[!CSS21]] are written assuming ''box-sizing: content-box''. The following disambiguations are made to clarify the behavior for all values of 'box-sizing':
@@ -253,8 +233,6 @@ demonstration of sample CSS and HTML:
 </div>
 </div>
 
-Note: The ''box-sizing/padding-box'' value is at risk.
-
 <h2 id="outline-props">Outline properties</h2>
 
 At times, style sheet authors may want to create outlines around

css-ui/Overview.html

@@ -320,7 +320,6 @@ <h2 class="no-num no-toc no-ref heading settled" id="status"><span class="conten
    <p>The following features are at-risk, and may be dropped during the CR period:
 </p>
    <ul>
-    <li><a class="property" data-link-type="propdesc" href="#propdef-box-sizing">box-sizing</a> property value: padding-box
     <li><a class="property" data-link-type="propdesc" href="#propdef-caret-color">caret-color</a> property
     <li><a class="property" data-link-type="propdesc" href="#propdef-text-overflow">text-overflow</a> property value: <a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-values-3/#string-value">&lt;string></a>
     <li><a class="property" data-link-type="propdesc" href="#propdef-text-overflow">text-overflow</a> property 2-value syntax and definition
@@ -492,7 +491,6 @@ <h3 class="heading settled" data-level="3.1" id="box-sizing"><span class="secno"
       <th>Value:
       <td>
 content-box |
-padding-box |
 border-box
 
 
@@ -544,24 +542,6 @@ <h3 class="heading settled" data-level="3.1" id="box-sizing"><span class="secno"
 The padding and border of the element are laid out
 and drawn outside the specified width and height.
 
-    <dt><dfn class="css" data-dfn-for="box-sizing" data-dfn-type="value" data-export="" id="valdef-box-sizing-padding-box">padding-box<a class="self-link" href="#valdef-box-sizing-padding-box"></a></dfn>
-
-    <dd>
-Length and percentages values for width and height (and respective min/max properties)
-on this element determine the padding box of the element.
-That is, any padding specified on the element is laid out
-and drawn inside this specified width and height.
-The content width and height are calculated by
-subtracting the padding widths of the respective sides
-from the specified <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-width">width</a> and
-<a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-height">height</a> properties.
-As the content width and height
-<a href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property">
-cannot be negative</a> (<a data-link-type="biblio" href="#biblio-css21">[CSS21]</a>, section 10.2),
-this computation is floored at 0.
-Used values, as exposed for instance through <code class="idl"><a data-link-type="idl" href="http://dev.w3.org/csswg/cssom-1/#dom-window-getcomputedstyleelt-pseudoelt">getComputedStyle()</a></code>, also refer to the padding box.
-
-
     <dt><dfn class="css" data-dfn-for="box-sizing" data-dfn-type="value" data-export="" id="valdef-box-sizing-border-box">border-box<a class="self-link" href="#valdef-box-sizing-border-box"></a></dfn>
 
     <dd>Length and percentages values for width and height (and respective min/max properties)
@@ -601,31 +581,26 @@ <h3 class="heading settled" data-level="3.1" id="box-sizing"><span class="secno"
      <tr>
       <th>
       <th><a class="css" data-link-type="propdesc" href="#propdef-box-sizing">box-sizing: content-box</a>
-      <th><a class="css" data-link-type="propdesc" href="#propdef-box-sizing">box-sizing: padding-box</a>
       <th><a class="css" data-link-type="propdesc" href="#propdef-box-sizing">box-sizing: border-box</a>
 
      <tr>
       <td><dfn data-dfn-type="dfn" data-noexport="" id="min-inner-width">min inner width<a class="self-link" href="#min-inner-width"></a></dfn>
       <td><a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-min-width">min-width</a>
-      <td>max(0, <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-min-width">min-width</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-left">padding-left</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-right">padding-right</a>)
       <td>max(0, <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-min-width">min-width</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-left">padding-left</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-right">padding-right</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-backgrounds-3/#border-left-width">border-left-width</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-backgrounds-3/#border-right-width">border-right-width</a>)
 
      <tr>
       <td><dfn data-dfn-type="dfn" data-noexport="" id="max-inner-width">max inner width<a class="self-link" href="#max-inner-width"></a></dfn>
       <td><a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-max-width">max-width</a>
-      <td>max(0, <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-max-width">max-width</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-left">padding-left</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-right">padding-right</a>)
       <td>max(0, <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-max-width">max-width</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-left">padding-left</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-right">padding-right</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-backgrounds-3/#border-left-width">border-left-width</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-backgrounds-3/#border-right-width">border-right-width</a>)
 
      <tr>
       <td><dfn data-dfn-type="dfn" data-noexport="" id="min-inner-height">min inner height<a class="self-link" href="#min-inner-height"></a></dfn>
       <td><a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-min-height">min-height</a>
-      <td>max(0, <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-min-height">min-height</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-top">padding-top</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-bottom">padding-bottom</a>)
       <td>max(0, <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-min-height">min-height</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-top">padding-top</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-bottom">padding-bottom</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-backgrounds-3/#border-top-width">border-top-width</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-backgrounds-3/#border-bottom-width">border-bottom-width</a>)
 
      <tr>
       <td><dfn data-dfn-type="dfn" data-noexport="" id="max-inner-height">max inner height<a class="self-link" href="#max-inner-height"></a></dfn>
       <td><a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-max-height">max-height</a>
-      <td>max(0, <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-max-height">max-height</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-top">padding-top</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-bottom">padding-bottom</a>)
       <td>max(0, <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-max-height">max-height</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-top">padding-top</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-bottom">padding-bottom</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-backgrounds-3/#border-top-width">border-top-width</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-backgrounds-3/#border-bottom-width">border-bottom-width</a>)
 </table>
 
@@ -724,9 +699,6 @@ <h4 class="no-num no-toc heading settled" id="box-sizing-example"><span class="c
 </div>
 
 
-   <p class="note" role="note">Note: The <a class="css" data-link-type="maybe" href="#valdef-box-sizing-padding-box">padding-box</a> value is at risk.</p>
-
-
    <h2 class="heading settled" data-level="4" id="outline-props"><span class="secno">4. </span><span class="content">Outline properties</span><a class="self-link" href="#outline-props"></a></h2>
 
 
@@ -3923,7 +3895,6 @@ <h3 class="no-num heading settled" id="index-defined-here"><span class="content"
    <li>outline-offset, <a href="#propdef-outline-offset">4.5</a>
    <li>outline-style, <a href="#propdef-outline-style">4.3</a>
    <li>outline-width, <a href="#propdef-outline-width">4.2</a>
-   <li>padding-box, <a href="#valdef-box-sizing-padding-box">3.1</a>
    <li>resize, <a href="#propdef-resize">5.1</a>
    <li>text-overflow, <a href="#propdef-text-overflow">5.2</a>
   </ul>
@@ -4079,7 +4050,6 @@ <h2 class="no-num heading settled" id="property-index"><span class="content">Pro
     <tr>
      <th scope="row"><a class="css" data-link-type="property" href="#propdef-box-sizing">box-sizing</a>
      <td>content-box |
-padding-box |
 border-box
      <td>content-box
      <td>all elements that accept width or height