[css-inline] add hanging value to initial letter align as cap height will not work

Author: dauwhe

css-inline/Overview.bs

@@ -426,7 +426,7 @@ As mentioned earlier, the alignment of initial letters depends on the script use
 
 <pre class="propdef" id="initial-letter-align">
 Name: <dfn id="propdef-initial-letter-align">initial-letter-align</dfn>
-Value: border-box? [ alphabetic | ideographic | hebrew ] | border-box
+Value: border-box? [ alphabetic | ideographic | hebrew | hanging ] | border-box
 Initial: alphabetic
 Applies to: <code>::first-letter</code> pseudo elements and inline level first child of a block container
 Inherited: yes
@@ -455,6 +455,10 @@ Values have the following meanings:
 	<dd>Use the alphabetic and (as yet theoretical) hebrew hanging baseline of the surrounding text
 	to align the <a>initial letter</a>.
 
+	<dt><dfn>hanging</dfn>
+	<dd>Use the alphabetic and hanging baselines of the surrounding text
+	to align the <a>initial letter</a>.
+
 	<dt><dfn>border-box</dfn>
 	<dd>Uses the <a>initial letter box</a>’s <a>line-over</a> and <a>line-under</a> border edges
 	as the <a>over</a> and <a>under</a> alignment points, respectively.
@@ -485,7 +489,7 @@ are automatically determined from its contents:
 	</ol>
 
 Note: The ordering of keywords in this property is fixed in case ''border-box''
-is expanded to ''[ border-box | alphabetic | ideographic | hebrew ]''
+is expanded to ''[ border-box | alphabetic | ideographic | hebrew | hanging ]''
 to allow explicitly specifying the <a>initial letter</a>’s alignment points. 
 
 <h4 id="initial-letter-align-defaults">
@@ -501,6 +505,9 @@ UAs must include in their default UA style sheet the following rules:
 [lang|=iw], [lang|=yi], [lang|=lad], [lang|=jrb] {
   initial-letter-align: hebrew;
 }
+[lang|=hi], [lang|=mr], [lang|=ne], , [lang|=pi], [lang|=kok], [lang|=brx], [lang|=mai], [lang|=sd], [lang|=sa] {
+  initial-letter-align: hanging;
+}
 </pre>
 
 Issue: We don't have a way to do subtag selection with attr selectors.

css-inline/Overview.html

@@ -90,7 +90,7 @@
    <h1 class="p-name no-ref" id="title">CSS Inline Layout Module Level 3</h1>
 
    <h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="content">Editor’s Draft,
-    <time class="dt-updated" datetime="2015-08-12">12 August 2015</time></span></h2>
+    <time class="dt-updated" datetime="2015-08-27">27 August 2015</time></span></h2>
 
    <div data-fill-with="spec-metadata">
     <dl>
@@ -613,12 +613,12 @@ <h4 class="heading settled" data-level="1.2.2" id="baseline-shift-property"><spa
 
    <dl>
 
-    <dt><dfn class="css" data-dfn-for="baseline-shift" data-dfn-type="value" data-export="" id="valdef-baseline-shift-length"><a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#length-value">&lt;length></a><a class="self-link" href="#valdef-baseline-shift-length"></a></dfn>
+    <dt><dfn class="css" data-dfn-for="baseline-shift" data-dfn-type="value" data-export="" id="valdef-baseline-shift-length"><a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#length-value" title="Expands to: ">&lt;length></a><a class="self-link" href="#valdef-baseline-shift-length"></a></dfn>
 
     <dd>Raise (positive value) or lower (negative value) by the specified length.
 
 
-    <dt><dfn class="css" data-dfn-for="baseline-shift" data-dfn-type="value" data-export="" id="valdef-baseline-shift-percentage"><a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#percentage-value">&lt;percentage></a><a class="self-link" href="#valdef-baseline-shift-percentage"></a></dfn>
+    <dt><dfn class="css" data-dfn-for="baseline-shift" data-dfn-type="value" data-export="" id="valdef-baseline-shift-percentage"><a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#percentage-value" title="Expands to: ">&lt;percentage></a><a class="self-link" href="#valdef-baseline-shift-percentage"></a></dfn>
 
     <dd>Raise (positive value) or lower (negative value) by the specified percentage of the <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css2/visudet.html#propdef-line-height">line-height</a>.
 
@@ -685,7 +685,7 @@ <h4 class="heading settled" data-level="2.1.1" id="drop-initial"><span class="se
 </figure>
 
 
-   <p>The alignment constraints for drop initials depend on the writing system. In ideographic scripts, the initial letter extends from the <a data-link-type="dfn" href="https://drafts.csswg.org/css-writing-modes-3/#block_start">block-start</a> edge of the first line to the <a data-link-type="dfn" href="https://drafts.csswg.org/css-writing-modes-3/#block_end">block-end</a> edge of the Nth line.</p>
+   <p>The alignment constraints for drop initials depend on the writing system. In ideographic scripts, the initial letter extends from the <a data-link-type="dfn" href="https://drafts.csswg.org/css-writing-modes-3/#block-start">block-start</a> edge of the first line to the <a data-link-type="dfn" href="https://drafts.csswg.org/css-writing-modes-3/#block-end">block-end</a> edge of the Nth line.</p>
 
 
    <figure>
@@ -809,11 +809,11 @@ <h3 class="heading settled" data-level="2.3" id="sizing-drop-initials"><span cla
 
     <dd>No special initial-letter effect. Text behaves as normal.
 
-    <dt><dfn class="css" data-dfn-for="initial-letter" data-dfn-type="value" data-export="" id="valdef-initial-letter-number"><a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#number-value">&lt;number></a><a class="self-link" href="#valdef-initial-letter-number"></a></dfn>
+    <dt><dfn class="css" data-dfn-for="initial-letter" data-dfn-type="value" data-export="" id="valdef-initial-letter-number"><a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#number-value" title="Expands to: ">&lt;number></a><a class="self-link" href="#valdef-initial-letter-number"></a></dfn>
 
     <dd>This first argument defines the size of the initial letter, in terms of how many lines it occupies. Negative values are not allowed.
 
-    <dt><dfn class="css" data-dfn-for="initial-letter" data-dfn-type="value" data-export="" id="valdef-initial-letter-integer"><a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#integer-value">&lt;integer></a><a class="self-link" href="#valdef-initial-letter-integer"></a></dfn>
+    <dt><dfn class="css" data-dfn-for="initial-letter" data-dfn-type="value" data-export="" id="valdef-initial-letter-integer"><a class="production css" data-link-type="type" href="https://drafts.csswg.org/css-values-3/#integer-value" title="Expands to: ">&lt;integer></a><a class="self-link" href="#valdef-initial-letter-integer"></a></dfn>
 
     <dd>This optional second argument argument defines the number of lines the initial letter should sink. Values must be greater than zero. If omitted, it duplicates the first argument, floored to the nearest positive whole number.
 </dl>
@@ -934,7 +934,7 @@ <h3 class="heading settled" data-level="2.4" id="aligning-initial-letter"><span
       <td><dfn class="css" data-dfn-type="property" data-export="" id="propdef-initial-letter-align">initial-letter-align<a class="self-link" href="#propdef-initial-letter-align"></a></dfn>
      <tr class="value">
       <th>Value:
-      <td class="prod">border-box<a data-link-type="grammar" href="https://drafts.csswg.org/css-values-3/#mult-opt">?</a> [ alphabetic <a data-link-type="grammar" href="https://drafts.csswg.org/css-values-3/#comb-one">|</a> ideographic <a data-link-type="grammar" href="https://drafts.csswg.org/css-values-3/#comb-one">|</a> hebrew ] <a data-link-type="grammar" href="https://drafts.csswg.org/css-values-3/#comb-one">|</a> border-box
+      <td class="prod">border-box<a data-link-type="grammar" href="https://drafts.csswg.org/css-values-3/#mult-opt">?</a> [ alphabetic <a data-link-type="grammar" href="https://drafts.csswg.org/css-values-3/#comb-one">|</a> ideographic <a data-link-type="grammar" href="https://drafts.csswg.org/css-values-3/#comb-one">|</a> hebrew <a data-link-type="grammar" href="https://drafts.csswg.org/css-values-3/#comb-one">|</a> hanging ] <a data-link-type="grammar" href="https://drafts.csswg.org/css-values-3/#comb-one">|</a> border-box
      <tr>
       <th>Initial:
       <td>alphabetic
@@ -987,9 +987,15 @@ <h3 class="heading settled" data-level="2.4" id="aligning-initial-letter"><span
 	to align the <a data-link-type="dfn" href="#initial-letter">initial letter</a>.
 
 
+    <dt><dfn class="css" data-dfn-for="initial-letter-align" data-dfn-type="value" data-export="" id="valdef-initial-letter-align-hanging">hanging<a class="self-link" href="#valdef-initial-letter-align-hanging"></a></dfn>
+	
+    <dd>Use the alphabetic and hanging baselines of the surrounding text
+	to align the <a data-link-type="dfn" href="#initial-letter">initial letter</a>.
+
+	
     <dt><dfn class="css" data-dfn-for="initial-letter-align" data-dfn-type="value" data-export="" id="valdef-initial-letter-align-border-box">border-box<a class="self-link" href="#valdef-initial-letter-align-border-box"></a></dfn>
 
-    <dd>Uses the <a data-link-type="dfn" href="#initial-letter">initial letter box</a>’s <a data-link-type="dfn" href="https://drafts.csswg.org/css-writing-modes-3/#line_over">line-over</a> and <a data-link-type="dfn" href="https://drafts.csswg.org/css-writing-modes-3/#line_under">line-under</a> border edges
+    <dd>Uses the <a data-link-type="dfn" href="#initial-letter">initial letter box</a>’s <a data-link-type="dfn" href="https://drafts.csswg.org/css-writing-modes-3/#line-over">line-over</a> and <a data-link-type="dfn" href="https://drafts.csswg.org/css-writing-modes-3/#line-under">line-under</a> border edges
 	as the <a data-link-type="dfn" href="https://drafts.csswg.org/css-writing-modes-3/#over">over</a> and <a data-link-type="dfn" href="https://drafts.csswg.org/css-writing-modes-3/#under">under</a> alignment points, respectively.
 </dl>
 
@@ -1027,7 +1033,7 @@ <h3 class="heading settled" data-level="2.4" id="aligning-initial-letter"><span
 
 
    <p class="note" role="note">Note: The ordering of keywords in this property is fixed in case <a class="css" data-link-type="maybe" href="#valdef-initial-letter-align-border-box">border-box</a>
-is expanded to <span class="css">[ border-box | alphabetic | ideographic | hebrew ]</span>
+is expanded to <span class="css">[ border-box | alphabetic | ideographic | hebrew | hanging ]</span>
 to allow explicitly specifying the <a data-link-type="dfn" href="#initial-letter">initial letter</a>’s alignment points.</p>
 
 
@@ -1045,6 +1051,9 @@ <h4 class="heading settled" data-level="2.4.1" id="initial-letter-align-defaults
 [lang|=iw], [lang|=yi], [lang|=lad], [lang|=jrb] {
   initial-letter-align: hebrew;
 }
+[lang|=hi], [lang|=mr], [lang|=ne], , [lang|=pi], [lang|=kok], [lang|=brx], [lang|=mai], [lang|=sd], [lang|=sa] {
+  initial-letter-align: hanging;
+}
 </pre>
 
 
@@ -1649,7 +1658,11 @@ <h3 class="no-num heading settled" id="index-defined-here"><span class="content"
    <li><a href="#dropped-initial">dropped initial</a><span>, in §2.1.1</span>
    <li><a href="#valdef-initial-letter-wrap-first">first</a><span>, in §2.8</span>
    <li><a href="#valdef-initial-letter-wrap-grid">grid</a><span>, in §2.8</span>
-   <li><a href="#valdef-dominant-baseline-hanging">hanging</a><span>, in §1.1</span>
+   <li>hanging
+    <ul>
+     <li><a href="#valdef-dominant-baseline-hanging">value for dominant-baseline</a><span>, in §1.1</span>
+     <li><a href="#valdef-initial-letter-align-hanging">value for initial-letter-align</a><span>, in §2.4</span>
+    </ul>
    <li><a href="#valdef-initial-letter-align-hebrew">hebrew</a><span>, in §2.4</span>
    <li><a href="#valdef-initial-letter-align-ideographic">ideographic</a><span>, in §2.4</span>
    <li><a href="#propdef-initial-letter">initial-letter</a><span>, in §2.3</span>
@@ -1719,11 +1732,11 @@ <h3 class="no-num heading settled" id="index-defined-elsewhere"><span class="con
    <li><a data-link-type="biblio" href="#biblio-css-writing-modes-3">[css-writing-modes-3]</a> defines the following terms:
     <ul>
      <li><a href="https://drafts.csswg.org/css-writing-modes-3/#block-axis">block axis</a>
-     <li><a href="https://drafts.csswg.org/css-writing-modes-3/#block_end">block-end</a>
-     <li><a href="https://drafts.csswg.org/css-writing-modes-3/#block_start">block-start</a>
+     <li><a href="https://drafts.csswg.org/css-writing-modes-3/#block-end">block-end</a>
+     <li><a href="https://drafts.csswg.org/css-writing-modes-3/#block-start">block-start</a>
      <li><a href="https://drafts.csswg.org/css-writing-modes-3/#inline-axis">inline axis</a>
-     <li><a href="https://drafts.csswg.org/css-writing-modes-3/#line_over">line-over</a>
-     <li><a href="https://drafts.csswg.org/css-writing-modes-3/#line_under">line-under</a>
+     <li><a href="https://drafts.csswg.org/css-writing-modes-3/#line-over">line-over</a>
+     <li><a href="https://drafts.csswg.org/css-writing-modes-3/#line-under">line-under</a>
      <li><a href="https://drafts.csswg.org/css-writing-modes-3/#valdef-text-orientation-mixed">mixed</a>
      <li><a href="https://drafts.csswg.org/css-writing-modes-3/#over">over</a>
      <li><a href="https://drafts.csswg.org/css-writing-modes-3/#valdef-text-orientation-sideways">sideways</a>
@@ -1842,7 +1855,7 @@ <h2 class="no-num heading settled" id="property-index"><span class="content">Pro
      <td>as specified
     <tr>
      <th scope="row"><a class="css" data-link-type="property" href="#propdef-initial-letter-align">initial-letter-align</a>
-     <td>border-box? [ alphabetic | ideographic | hebrew ] | border-box
+     <td>border-box? [ alphabetic | ideographic | hebrew | hanging ] | border-box
      <td>alphabetic
      <td>::first-letter pseudo elements and inline level first child of a block container
      <td>yes