[css-break-3] Bikeshed improvements related to property values (#141) (#226)

Author: SebastianZ

css-break/Overview.bs

@@ -243,34 +243,13 @@ Controlling Breaks</h2>
 <h3 id="break-between">
 Breaks Between Boxes: the 'break-before' and 'break-after' properties</h3>
 
-  <table class="propdef">
-    <tr>
-      <th>Name:
-      <td><dfn>break-before</dfn>, <dfn>break-after</dfn>
-    <tr>
-      <th>Value:
-      <td>auto | avoid |
-          avoid-page | page | left | right | recto | verso |
-          avoid-column | column | avoid-region | region
-    <tr>
-      <th>Initial:
-      <td>auto
-    <tr>
-      <th>Applies to:
-      <td>block-level elements, table row groups, table rows (but see prose)
-    <tr>
-      <th>Inherited:
-      <td>no
-    <tr>
-      <th>Percentages:
-      <td>N/A
-    <tr>
-      <th>Media:
-      <td>visual
-    <tr>
-      <th>Computed&nbsp;value:
-      <td>specified value
-  </table>
+  <pre class="propdef">
+  Name: break-before, break-after
+  Value: auto | avoid | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region
+  Initial: auto
+  Applies to: block-level elements, table row groups, table rows (but see prose)
+  Inherited: no
+  </pre>
 
   <p>
     These properties specify page/column/region break behavior
@@ -395,33 +374,14 @@ Region Break Values</h4>
 <h3 id="break-within">
 Breaks Within Boxes: the 'break-inside' property</h3>
 
-  <table class="propdef">
-    <tr>
-      <th>Name:
-      <td><dfn>break-inside</dfn>
-    <tr>
-      <th>Value:
-      <td>auto | avoid | avoid-page | avoid-column | avoid-region
-    <tr>
-      <th>Initial:
-      <td>auto
-    <tr>
-      <th>Applies to:
-      <td>elements in the normal flow that establish formatting contexts,
-        or that are block containers, table row groups, or table rows
-    <tr>
-      <th>Inherited:
-      <td>no
-    <tr>
-      <th>Percentages:
-      <td>N/A
-    <tr>
-      <th>Media:
-      <td>visual
-    <tr>
-      <th>Computed&nbsp;value:
-      <td>specified value
-  </table>
+  <pre class="propdef">
+  Name: break-inside
+  Value: auto | avoid | avoid-page | avoid-column | avoid-region
+  Initial: auto
+  Applies to: elements in the normal flow that establish formatting contexts,
+      or that are block containers, table row groups, or table rows
+  Inherited: no
+  </pre>
 
   <p>
     This property specifies page/column/region break behavior
@@ -454,40 +414,13 @@ Breaks Within Boxes: the 'break-inside' property</h3>
 <h3 id="widows-orphans">
 Breaks Between Lines: 'orphans', 'widows'</h3>
 
-  <table class="propdef">
-    <tr>
-      <th>Name:
-      <td><dfn>orphans</dfn>, <dfn>widows</dfn>
-
-    <tr>
-      <th>Value:
-      <td>&lt;integer&gt;
-
-    <tr>
-      <th>Initial:
-      <td>2
-
-    <tr>
-      <th>Applies to:
-      <td>block containers
-
-    <tr>
-      <th>Inherited:
-      <td>yes
-
-    <tr>
-      <th>Percentages:
-      <td>N/A
-
-    <tr>
-      <th>Media:
-      <td>visual
-
-    <tr>
-      <th>Computed value:
-      <td>specified value
-
-  </table>
+  <pre class="propdef">
+  Name: orphans, widows
+  Value: <<integer>>
+  Initial: 2
+  Applies to: block containers
+  Inherited: yes
+  </pre>
 
   <p>
     The 'orphans' property specifies the minimum number
@@ -997,35 +930,13 @@ Splitting Boxes</h3>
 <h3 id="break-decoration">
 Fragmented Borders and Backgrounds: the 'box-decoration-break' property</h3>
 
-  <table class=propdef>
-    <tr>
-      <th>Name:
-      <td><dfn>box-decoration-break</dfn>
-    <tr>
-      <th><a href="#values">Value</a>:
-      <td>slice | clone
-    <tr>
-      <th>Initial:
-      <td>slice
-    <tr>
-      <th>Applies to:
-      <td>all elements
-    <tr>
-      <th>Inherited:
-      <td>no
-    <tr>
-      <th>Percentages:
-      <td>N/A
-    <tr>
-      <th>Media:
-      <td>visual
-    <tr>
-      <th>Computed value:
-      <td>as specified
-    <tr>
-      <th>Animatable:
-      <td>no
-  </table>
+  <pre class="propdef">
+  Name: box-decoration-break
+  Value: slice | clone
+  Initial: slice
+  Applies to: all elements
+  Inherited: no
+  </pre>
 
   <p>
     When a break (page/column/region/line<!-- ISSUE-182-->) splits a box,