[css-ruby-1] Bikeshed improvements related to property values (#144)

Author: SebastianZ

css-ruby/Overview.bs

@@ -160,14 +160,10 @@ Ruby-specific 'display' Values</h3>
 	authors must map document language elements to ruby elements;
 	this is done with the 'display' property.
 
-	<table class="propdef">
-		<tr>
-			<th>Name:
-			<td>display
-		<tr>
-			<th><a href="#values">New Values</a>:
-			<td>ruby | ruby-base | ruby-text | ruby-base-container | ruby-text-container
-	</table>
+	<pre class="propdef">
+	Name: display
+	New values: ruby | ruby-base | ruby-text | ruby-base-container | ruby-text-container
+	</pre>
 
 	<p>The following new 'display' values assign ruby layout roles to an arbitrary element:
 
@@ -897,38 +893,13 @@ Ruby Formatting Properties</h2>
 <h3 id="rubypos">
 Ruby Positioning: the 'ruby-position' property</h3>
 
-	<table class="propdef">
-		<tr>
-			<th>Name:
-			<td><dfn>ruby-position</dfn>
-		<tr>
-			<th><a href="#values">Value</a>:
-			<td>[ over | under | inter-character ]
-		<tr>
-			<th>Initial:
-			<td>over
-		<tr>
-			<th>Applies to:
-			<td>ruby annotation containers
-		<tr>
-			<th>Inherited:
-			<td>yes
-		<tr>
-			<th>Percentages:
-			<td>N/A
-		<tr>
-			<th>Media:
-			<td>visual
-		<tr>
-			<th>Computed value:
-			<td>specified value
-		<tr>
-			<th>Animatable:
-			<td>no
-		<tr>
-			<th>Canonical order:
-			<td><abbr title="follows order of property value definition">per grammar</abbr>
-	</table>
+	<pre class="propdef">
+	Name: ruby-position
+	Value: [ over | under | inter-character ]
+	Initial: over
+	Applies to: ruby annotation containers
+	Inherited: yes
+	</pre>
 
 	<p>This property controls position of the ruby text with respect to its base.
 	Values have the following meanings:
@@ -994,38 +965,13 @@ Ruby Positioning: the 'ruby-position' property</h3>
 <h3 id="collapsed-ruby">
 Sharing Annotation Space: the 'ruby-merge' property</h3>
 
-	<table class="propdef">
-		<tr>
-			<th>Name:
-			<td><dfn>ruby-merge</dfn>
-		<tr>
-			<th><a href="#values">Value</a>:
-			<td>separate | collapse | auto
-		<tr>
-			<th>Initial:
-			<td>separate
-		<tr>
-			<th>Applies to:
-			<td>ruby annotation containers
-		<tr>
-			<th>Inherited:
-			<td>yes
-		<tr>
-			<th>Percentages:
-			<td>N/A
-		<tr>
-			<th>Media:
-			<td>visual
-		<tr>
-			<th>Computed value:
-			<td>specified value
-		<tr>
-			<th>Animatable:
-			<td>no
-		<tr>
-			<th>Canonical order:
-			<td><abbr title="follows order of property value definition">per grammar</abbr>
-	</table>
+	<pre class="propdef">
+	Name: ruby-merge
+	Value: separate | collapse | auto
+	Initial: separate
+	Applies to: ruby annotation containers
+	Inherited: yes
+	</pre>
 
 	<p>
 		This property controls how ruby annotation boxes should be rendered
@@ -1096,32 +1042,14 @@ Sharing Annotation Space: the 'ruby-merge' property</h3>
 <h3 id="ruby-align-property"><span id="rubyalign"></span>
 Ruby Text Distribution: the 'ruby-align' property</h3>
 
-	<table class="propdef">
-		<tr>
-			<th>Name:
-			<td><dfn>ruby-align</dfn>
-		<tr>
-			<th><a href="#values">Value</a>:
-			<td>start | center | space-between | space-around
-		<tr>
-			<th>Initial:
-			<td>space-around
-		<tr>
-			<th>Applies to:
-			<td>ruby bases, ruby annotations, ruby base containers, ruby annotation containers
-		<tr>
-			<th>Inherited:
-			<td>yes
-		<tr>
-			<th>Percentages:
-			<td>N/A
-		<tr>
-			<th>Media:
-			<td>visual
-		<tr>
-			<th>Computed value:
-			<td>specified value (except for initial and inherit)
-	</table>
+	<pre class="propdef">
+	Name: ruby-align
+	Value: start | center | space-between | space-around
+	Initial: space-around
+	Applies to: ruby bases, ruby annotations, ruby base containers, ruby annotation containers
+	Inherited: yes
+	Computed value: specified value (except for ''initial'' and ''inherit'')
+	</pre>
 
 	<p>This property specifies how text is distributed within the various ruby boxes
 	when their contents do not exactly fill their respective boxes.