[css-borders-4] Improved formatting

Author: SebastianZ

css-borders-4/Overview.bs

@@ -29,7 +29,7 @@ Introduction</h2>
 		This module is currently maintained as a diff against
 		the parts related to borders and box decorations of
 		CSS Backgrounds and Borders Module Level 3 [[CSS3BG]].
-		We will fold in the text once it's all formatted up and in CR again,
+		We will fold in the text once it’s all formatted up and in CR again,
 		as this will reduce the effort of keeping them in sync
 		(source diffs will be accurate in reflecting the differences).
 
@@ -96,12 +96,17 @@ Line Colors: the 'border-color' properties</h3>
 	and a missing right is also the same as top.
 	This is resolved individually for each list item.
 
-	The logical properties 'border-block-start-color', 'border-block-end-color',
-	'border-inline-start-color', and 'border-inline-end-color' correspond to the
-	'border-top-color', 'border-bottom-color', 'border-left-color',
-	and 'border-right-color' properties.
-	The mapping depends on the element's 'writing-mode', 'direction',
-	and 'text-orientation'.
+	The [=flow-relative=] properties
+	'border-block-start-color',
+	'border-block-end-color',
+	'border-inline-start-color',
+	and 'border-inline-end-color'
+	correspond to the [=physical=] properties
+	'border-top-color',
+	'border-bottom-color',
+	'border-left-color',
+	and 'border-right-color'.
+	The mapping depends on the element’s 'writing-mode', 'direction', and 'text-orientation'.
 
 	<pre class="propdef shorthand">
 	Name: border-block-color, border-inline-color
@@ -133,12 +138,17 @@ Line Patterns: the 'border-style' properties</h3>
 	Animation type: discrete
 	</pre>
 
-	The logical properties 'border-block-start-style', 'border-block-end-style',
-	'border-inline-start-style', and 'border-inline-end-style' correspond to the
-	'border-top-style', 'border-bottom-style', 'border-left-style',
-	and 'border-right-style' properties.
-	The mapping depends on the element's 'writing-mode', 'direction',
-	and 'text-orientation'.
+	The [=flow-relative=] properties
+	'border-block-start-style',
+	'border-block-end-style',
+	'border-inline-start-style',
+	and 'border-inline-end-style'
+	correspond to the [=physical=] properties
+	'border-top-style',
+	'border-bottom-style',
+	'border-left-style',
+	and 'border-right-style'.
+	The mapping depends on the element’s 'writing-mode', 'direction', and 'text-orientation'.
 
 	<pre class="propdef shorthand">
 	Name: border-block-style, border-inline-style
@@ -170,12 +180,17 @@ Line Thickness: the 'border-width' properties</h3>
 	Animation Type: by computed value
 	</pre>
 
-	The logical properties 'border-block-start-width', 'border-block-end-width',
-	'border-inline-start-width', and 'border-inline-end-width' correspond to the
-	'border-top-width', 'border-bottom-width', 'border-left-width',
-	and 'border-right-width' properties.
-	The mapping depends on the element's 'writing-mode', 'direction',
-	and 'text-orientation'.
+	The [=flow-relative=] properties
+	'border-block-start-width',
+	'border-block-end-width',
+	'border-inline-start-width',
+	and 'border-inline-end-width'
+	correspond to the [=physical=] properties
+	'border-top-width',
+	'border-bottom-width',
+	'border-left-width',
+	and 'border-right-width'.
+	The mapping depends on the element’s 'writing-mode', 'direction', and 'text-orientation'.
 
 	<pre class="propdef shorthand">
 	Name: border-block-width, border-inline-width
@@ -206,11 +221,17 @@ Border Shorthand Properties</h3>
 	Animation Type: see individual properties
 	</pre>
 
-	The logical properties 'border-block-start', 'border-block-end',
-	'border-inline-start', and 'border-inline-end' correspond to the
-	'border-top', 'border-bottom', 'border-left', and 'border-right' properties.
-	The mapping depends on the element's 'writing-mode', 'direction',
-	and 'text-orientation'.
+	The [=flow-relative=] properties
+	'border-block-start',
+	'border-block-end',
+	'border-inline-start',
+	and 'border-inline-end'
+	correspond to the [=physical=] properties
+	'border-top',
+	'border-bottom',
+	'border-left',
+	and 'border-right'.
+	The mapping depends on the element’s 'writing-mode', 'direction', and 'text-orientation'.
 
 	<pre class="propdef shorthand">
 	Name: border-block, border-inline
@@ -245,12 +266,17 @@ Corner Sizing: the 'border-*-*-radius' properties</h3>
 	Animation Type: by computed value
 	</pre>
 
-	The logical properties 'border-start-start-radius', 'border-start-end-radius',
-	'border-end-start-radius', and 'border-end-end-radius' correspond to the
-	'border-top-left-radius', 'border-bottom-left-radius',
-	'border-top-right-radius', and 'border-bottom-right-radius' properties.
-	The mapping depends on the element's 'writing-mode', 'direction',
-	and 'text-orientation',
+	The [=flow-relative=] properties
+	'border-start-start-radius',
+	'border-start-end-radius',
+	'border-end-start-radius',
+	and 'border-end-end-radius'
+	correspond to the [=physical=] properties
+	'border-top-left-radius',
+	'border-bottom-left-radius',
+	'border-top-right-radius',
+	and 'border-bottom-right-radius'.
+	The mapping depends on the element’s 'writing-mode', 'direction', and 'text-orientation',
 	with the first start/end giving the block axis side,
 	and the second the inline-axis side
 	(i.e. patterned as 'border-<var>block</var>-<var>inline</var>-radius').