[css-ui] Changing section titles to match conventions

Author: frivoal

css-ui-4/Overview.bs

@@ -81,35 +81,39 @@ of Cascading Style Sheets, level 2, revision 1 [[CSS21]]
 
 <h2 id="box-model">Box Model addition</h2>
 
-<h3 id="box-sizing">'box-sizing' property</h3>
+<h3 id="box-sizing">Changing the Box Model: the 'box-sizing' property</h3>
 
 	Issue: Add final level 3 content
 
 <h2 id="outline-props">Outline properties</h2>
 
 	Issue: Add final level 3 content
 
-<h3 id="outline">'outline' property</h3>
+<h3 id="outline">Outlines Shorthand: the 'outline' property</h3>
 
 	Issue: Add final level 3 content
 
-<h3 id="outline-width">'outline-width' property</h3>
+<h3 id="outline-width">Outline Thickness: the 'outline-width' property</h3>
 
 	Issue: Add final level 3 content
 
-<h3 id="outline-style">'outline-style' property</h3>
+<h3 id="outline-style">Outline Patterns: the 'outline-style' property</h3>
 
 	Issue: Add final level 3 content
 
-<h3 id="outline-color">'outline-color' property</h3>
+<h3 id="outline-color">Outline Colors: the 'outline-color' property</h3>
+
+	Issue: Add final level 3 content
+
+<h3 id="outline-offset">Offsetting the Outline: the 'outline-offset' property</h3>
 
 	Issue: Add final level 3 content
 
 <h2 id="resizing-and-overflow">Resizing &amp; Overflow</h2>
 
 	Issue: Add final level 3 content
 
-<h3 id="resize">'resize' property</h3>
+<h3 id="resize">Resizing Boxes: the 'resize' property</h3>
 
 	Issue: Add final level 3 content
 
@@ -489,7 +493,7 @@ then only the end ellipsis/string should be rendered.
 
 <h3 id="pointer-interaction">Pointer interaction</h3>
 
-<h4 id="cursor">'cursor' property</h4>
+<h4 id="cursor">Styling the Cursor: the 'cursor' property</h4>
 
 	Issue: Add final level 3 content
 
@@ -499,7 +503,7 @@ then only the end ellipsis/string should be rendered.
 
 <h3 id="insertion-caret">Insertion caret</h3>
 
-<h4 id="caret-color">Coloring the insertion caret: 'caret-color'</h4>
+<h4 id="caret-color">Coloring the Insertion Caret: the 'caret-color' property</h4>
 
 	Issue: Add final level 3 content
 
@@ -850,7 +854,7 @@ Omitted values are set to their initial values.
 
 <h3 id="keyboard">Keyboard control</h3>
 
-<h4 id="nav-dir">Directional focus navigation: the 'nav-up', 'nav-right', 'nav-down', 'nav-left' properties</h4>
+<h4 id="nav-dir">Directional Focus Navigation: the 'nav-up', 'nav-right', 'nav-down', 'nav-left' properties</h4>
 
 	Issue: Add final level 3 content
 

css-ui/Overview.bs

@@ -133,7 +133,7 @@ of Cascading Style Sheets, level 2, revision 1 [[CSS21]]
 
 <h2 id="box-model">Box Model addition</h2>
 
-<h3 id="box-sizing">'box-sizing' property</h3>
+<h3 id="box-sizing">Changing the Box Model: the 'box-sizing' property</h3>
 
 <pre class="propdef"> 
 Name: box-sizing 
@@ -282,7 +282,7 @@ without making sure an alternative highlighting mechanism is provided.
 The rendering of applying transforms to outlines is left explicitly undefined in CSS3-UI.
 
 
-<h3 id="outline">'outline' property</h3>
+<h3 id="outline">Outlines Shorthand: the 'outline' property</h3>
 
 <pre class="propdef"> 
 Name: outline 
@@ -296,7 +296,7 @@ Computed value: see individual properties
 Animation type: see individual properties 
 </pre>
 
-<h3 id="outline-width">'outline-width' property</h3>
+<h3 id="outline-width">Outline Thickness: the 'outline-width' property</h3>
 
 <pre class="propdef"> 
 Name: outline-width 
@@ -310,7 +310,7 @@ Computed value: absolute length; ''0'' if the outline style is ''outline-width/n
 Amination type: <a href="https://drafts.csswg.org/css3-transitions/#animtype-length">length</a> 
 </pre>
 
-<h3 id="outline-style">'outline-style' property</h3>
+<h3 id="outline-style">Outline Patterns: the 'outline-style' property</h3>
 
 <pre class="propdef"> 
 Name: outline-style 
@@ -323,7 +323,7 @@ Media: visual
 Computed value: as specified
 </pre>
 
-<h3 id="outline-color">'outline-color' property</h3>
+<h3 id="outline-color">Outline Colors: the 'outline-color' property</h3>
 
 <pre class="propdef"> 
 Name: outline-color 
@@ -451,7 +451,7 @@ Note: Since the outline does not affect formatting
 (i.e., no space is left for it in the box model),
 it may well overlap other elements on the page.
 
-<h3 id="outline-offset">'outline-offset' property</h3>
+<h3 id="outline-offset">Offsetting the Outline: the 'outline-offset' property</h3>
 
 By default, the outline is drawn starting just outside the <a>border edge</a>.
 However, it is possible to offset the outline and draw it beyond the <a>border edge</a>.
@@ -504,7 +504,7 @@ on block container elements.
 This specification adds to that a mechanism for controlling
 user resizability of elements as well as the ability to specify text overflow behavior.
 
-<h3 id="resize">'resize' property</h3>
+<h3 id="resize">Resizing Boxes: the 'resize' property</h3>
 
 The 'resize' property allows the author
 to specify whether or not an element is resizable by the user,
@@ -885,7 +885,7 @@ having it overlap other text by default.
 
 <h3 id="pointer-interaction">Pointer interaction</h3>
 
-<h4 id="cursor">'cursor' property</h4>
+<h4 id="cursor">Styling the Cursor: the 'cursor' property</h4>
 <pre class="propdef"> 
 Name: cursor 
 Value: [ [<<url>> [&lt;x&gt; &lt;y&gt;]?,]* <br>
@@ -1193,7 +1193,7 @@ boxes are generated for it and its cursor is used for the canvas.
 
 <h3 id="insertion-caret">Insertion caret</h3>
 
-<h4 id="caret-color">Coloring the insertion caret: caret-color</h4>
+<h4 id="caret-color">Coloring the Insertion Caret: the 'caret-color' property</h4>
 <pre class="propdef"> 
 Name: caret-color 
 Value: auto | <<color>> 
@@ -1244,7 +1244,7 @@ caret-color:#00aacc
 
 <h3 id="keyboard">Keyboard control</h3>
 
-<h4 id="nav-dir">Directional focus navigation: the 'nav-up', 'nav-right', 'nav-down', 'nav-left' properties</h4>
+<h4 id="nav-dir">Directional Focus Navigation: the 'nav-up', 'nav-right', 'nav-down', 'nav-left' properties</h4>
 
 This section is at risk.