Binary file ttml2/spec/ednotes.xlsx has changed
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/ttml2/spec/images/textAlign_2.html Fri Aug 07 16:56:59 2015 +0100
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+div {
+ display: block;
+ font: 18px helvetica;
+ font-weight: lighter;
+ height: 700px;
+ width: 700px;
+ position: absolute;
+}
+.area1 {
+ /* Analog to the r1 region, setting up the location and CSS inheritable styles */
+ position: absolute;
+ width: 446px;
+ height: 72px;
+ top: 0px;
+ left: 15%;
+ background-color: green;
+ color: white;
+ margin: 0px;
+}
+.area2 {
+ /* Analog to the r2 region, setting up the location and CSS inheritable styles */
+ position: absolute;
+ width: 446px;
+ height: 72px;
+ top: 76px;
+ left: 15%;
+ background-color: black;
+ color: white;
+ margin: 0px;
+}
+.baseStyle
+{
+ color: white;
+}
+p.startEnd
+{
+ text-align: left;
+}
+p.startEnd span.outer
+{
+ line-height: 72px; /* Create a line the full height of the area within which to apply vertical alignment of the inner span */
+}
+p.startEnd span.inner
+{
+ /* Makes displayAlign="center" work, when it's in a span.outer and does the "end" alignment horizontally */
+ line-height: initial; /* reset the line height to normal within the span */
+ display: inline-block;
+ text-align: right;
+ vertical-align: middle;
+}
+p.centerStart
+{
+ text-align: center;
+}
+p.centerStart span.outer
+{
+ line-height: 72px; /* Create a line the full height of the area within which to apply vertical alignment of the inner span */
+}
+p.centerStart span.inner
+{
+ /* Makes displayAlign="center" work, when it's in a span.outer and does the "start" alignment horizontally */
+ line-height: initial; /* reset the line height to normal within the span*/
+ display: inline-block;
+ text-align: left;
+ vertical-align: middle;
+}
+</style>
+</head>
+<body>
+
+<div class="baseStyle">
+ <p class="area1 startEnd">
+ <span class="outer">
+ <span class="inner">span textAlign="end"<br/>p textAlign="start"
+ </span></span>
+ </p>
+ <p class="area2 centerStart">
+ <span class="outer">
+ <span class="inner">span textAlign="start"<br/>p textAlign="center"
+ </span></span>
+ </p>
+</div>
+
+</body>
+</html>
Binary file ttml2/spec/images/textAlign_2.png has changed
--- a/ttml2/spec/ttml2.xml Fri Aug 07 15:50:43 2015 +0100
+++ b/ttml2/spec/ttml2.xml Fri Aug 07 16:56:59 2015 +0100
@@ -10971,12 +10971,12 @@
<p>If a computed value of the property associated with this attribute is not supported,
then a <loc href="#terms-presentation-processor">presentation processor</loc> must use the value <code>start</code>.</p>
<p>The <att>tts:textAlign</att> style is illustrated by the following example.</p>
-<table id="style-attribute-textAlign-example-1" role="example">
-<caption>Example Fragment – Text Align</caption>
-<tbody>
-<tr>
-<td>
-<eg xml:space="preserve">
+ <table id="style-attribute-textAlign-example-1" role="example">
+ <caption>Example Fragment – Text Align</caption>
+ <tbody>
+ <tr>
+ <td>
+ <eg xml:space="preserve">
<region xml:id="r1">
<style tts:extent="355px 43px"/>
<style tts:origin="0px 0px"/>
@@ -11001,25 +11001,70 @@
The frumious Bandersnatch!
</p>
</eg>
-</td>
-</tr>
-</tbody>
-</table>
-<p></p>
-<table id="style-attribute-textAlign-example-1-images" role="example-images">
-<caption>Example Rendition – Text Align</caption>
-<tbody>
-<tr>
-<td><graphic source="images/textAlign.png" alt="TTML textAlign style property"/></td>
-</tr>
-</tbody>
-</table>
-<p></p>
-<ednote>
-<name>Text Align on Span Example</name>
-<date>2014-11-29</date>
-<edtext>Insert example fragment and image of use of tts:textAlign on a span element.</edtext>
-</ednote>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ <p></p>
+ <table id="style-attribute-textAlign-example-1-images" role="example-images">
+ <caption>Example Rendition – Text Align</caption>
+ <tbody>
+ <tr>
+ <td><graphic source="images/textAlign.png" alt="TTML textAlign style property"/></td>
+ </tr>
+ </tbody>
+ </table>
+ <p></p>
+<table id="style-attribute-textAlign-example-2" role="example">
+<caption>Example Fragment – Differing Text Align on p and span</caption>
+<tbody>
+<tr>
+<td>
+<eg xml:space="preserve">
+<region xml:id="r1">
+ <style tts:extent="446px 72px"/>
+ <style tts:origin="0px 0px"/>
+ <style tts:backgroundColor="green"/>
+ <style tts:color="white"/>
+ <style <phrase role="strong">tts:textAlign="start"</phrase>/>
+ <style tts:displayAlign="center"/>
+</region>
+<region xml:id="r2">
+ <style tts:extent="446px 72px"/>
+ <style tts:origin="0px 76px"/>
+ <style tts:backgroundColor="black"/>
+ <style tts:color="white"/>
+ <style <phrase role="strong">tts:textAlign="center"</phrase>/>
+ <style tts:displayAlign="center"/>
+</region>
+...
+<p region="r1">
+ <span <phrase role="strong">tts:textAlign="end"</phrase>>
+ span textAlign="end"<br/>
+ p textAlign="start"
+ </span>
+</p>
+<p region="r2">
+ <span <phrase role="strong">tts:textAlign="start"</phrase>>
+ span textAlign="start"<br/>
+ p textAlign="center"
+ </span>
+</p>
+</eg>
+</td>
+</tr>
+</tbody>
+</table>
+<p></p>
+<table id="style-attribute-textAlign-example-2-images" role="example-images">
+<caption>Example Rendition – Differing Text Align on p and span</caption>
+<tbody>
+<tr>
+<td><graphic source="images/textAlign_2.png" alt="TTML textAlign style property on p and span"/></td>
+</tr>
+</tbody>
+</table>
+<p></p>
<note role="derivation">
<p>The semantics of the style property
represented by this attribute are based upon that defined by <bibref ref="xsl11"/>,