[css-inline-3] Apply width/height properties to initial letters per Tantek’s request. <https://lists.w3.org/Archives/Public/www-style/2015Sep/0096.html> #863

Author: fantasai

css-inline-3/Overview.bs

@@ -584,9 +584,8 @@ Properties</h4>
 	<!-- Basically, any properties defined in css-inline
 	except those specific to initial letters,
 	so keep this list updated as we add things to this spec. -->
-
-	Issue: Add 'width'/'height' as requested by Tantek... need to integrate with model.
-	See GitHub issue <a href="https://github.com/w3c/csswg-drafts/issues/863">863</a>
+	Additionally, all of the <a>sizing properties</a>
+	and 'box-sizing' also apply to <a>initial letters</a>.
 
 <h4 id="initial-letter-model">
 Layout Model</h4>
@@ -605,8 +604,29 @@ Layout Model</h4>
 
 		<li>
 			Size the <a>initial letter</a>’s content box.
-			The content box of a non-atomic inline initial letter
-			is the smallest rectangle required to include the entirety of its glyphs--
+
+			If its <a>width</a>/<a>height</a> is definite,
+			use that value
+			(clamped as required by the <a>min size</a> and <a>max size</a> properties,
+			and handling 'box-sizing' as required)
+			for that dimension of the box.
+			In the case of a definite <a>inline size</a>,
+			'text-align' is honored
+			for aligning the contents of the <a>initial letter</a> within its box
+			in the <a>inline axis</a>
+			(using its <a>inline-axis</a> bearings as usual,
+			not the bounding box of its glyph outlines).
+			In the case of a definite <a>block size</a>,
+			'align-content' is honored
+			for aligning its contents in the <a>block axis</a>
+			(using its <a>block-axis</a> bearings,
+			synthesizing them if needed).
+
+			Otherwise
+			it is considered to have an <a>automatic size</a> in that dimension
+			and is sized and positioned to coincide with
+			the smallest rectangle that would include
+			the bounding boxes of all its glyphs--
 			excluding any that <a spec="css-text-3">hang</a>
 			(see 'hanging-punctuation')--
 			as well as the margin boxes of any atomic inlines it contains.
@@ -621,7 +641,10 @@ Layout Model</h4>
 		<li>
 			In the <a>inline axis</a>,
 			the initial letter's margin box is placed at the start edge of the line.
-			If it has no padding or borders, it is negatively offset
+			If it is a non-atomic inline
+			with an <a lt="automatic size">automatic</a> <a>inline size</a>
+			and has no padding or borders,
+			it is negatively offset
 			by the distance from the start edge of its content box
 			to the point in the content that would have been placed
 			at the start edge of the containing block

css-sizing-3/Overview.bs

@@ -279,7 +279,7 @@ Specifying Box Sizes</h2>
 <h3 id="sizing-properties">
 Sizing Properties</h3>
 
-	This section defines the <dfn lt="sizing property">sizing properties</dfn>
+	This section defines the <dfn export lt="sizing property">sizing properties</dfn>
 	'width', 'height', 'min-width', 'min-height', 'max-width', and 'max-height'.
 	Their potential values are defined in the next section,
 	[[#sizing-values]].