--- a/ttml2/spec/ttml2.html Fri Nov 28 17:12:47 2014 -0700
+++ b/ttml2/spec/ttml2.html Fri Nov 28 17:12:57 2014 -0700
@@ -83,9 +83,9 @@
.obsoleted { background-color: #f26d7d }
.reqattr { font-weight: bold }
.optattr { font-style: italic }
-</style><link rel="stylesheet" type="text/css" href="https://www.w3.org/StyleSheets/TR/W3C-ED.css"></head><body>Last Modified: $Date: 2014/11/28 00:15:57 $<div id="revisions"></div><div class="head">
+</style><link rel="stylesheet" type="text/css" href="https://www.w3.org/StyleSheets/TR/W3C-ED.css"></head><body>Last Modified: $Date: 2014/11/29 00:12:47 $<div id="revisions"></div><div class="head">
<h1><a id="title"></a>Timed Text Markup Language 2 (TTML2)</h1>
-<h2><a id="w3c-doctype"></a>Editors' copy $Date: 2014/11/28 00:15:57 $ @@ @@@@ @@@@</h2><dl><dt>This version:</dt><dd>
+<h2><a id="w3c-doctype"></a>Editors' copy $Date: 2014/11/29 00:12:47 $ @@ @@@@ @@@@</h2><dl><dt>This version:</dt><dd>
<a href="ttml2.html">ttml2.html</a>
</dd><dt>Latest version:</dt><dd><a href="https://dvcs.w3.org/hg/ttml/raw-file/default/ttml2/spec/ttml2.html?content-type=text/html;charset=utf-8">https://dvcs.w3.org/hg/ttml/raw-file/default/ttml2/spec/ttml2.html?content-type=text/html;charset=utf-8</a></dd><dt>Previous version:</dt><dd>
<a href="http://www.w3.org/TR/2010/REC-ttaf1-dfxp-20101118/">http://www.w3.org/TR/2010/REC-ttaf1-dfxp-20101118/</a>
@@ -249,36 +249,35 @@
10.2.20 <a href="#style-attribute-origin">tts:origin</a><br>
10.2.21 <a href="#style-attribute-overflow">tts:overflow</a><br>
10.2.22 <a href="#style-attribute-padding">tts:padding</a><br>
- 10.2.23 <a href="#style-attribute-ruby">tts:ruby</a><br>
- 10.2.24 <a href="#style-attribute-rubyAlign">tts:rubyAlign</a><br>
- 10.2.25 <a href="#style-attribute-rubyOffset">tts:rubyOffset</a><br>
- 10.2.26 <a href="#style-attribute-rubyPosition">tts:rubyPosition</a><br>
- 10.2.27 <a href="#style-attribute-showBackground">tts:showBackground</a><br>
- 10.2.28 <a href="#style-attribute-textAlign">tts:textAlign</a><br>
- 10.2.29 <a href="#style-attribute-textDecoration">tts:textDecoration</a><br>
- 10.2.30 <a href="#style-attribute-textOrientation">tts:textOrientation</a><br>
- 10.2.31 <a href="#style-attribute-textOutline">tts:textOutline</a><br>
- 10.2.32 <a href="#style-attribute-unicodeBidi">tts:unicodeBidi</a><br>
- 10.2.33 <a href="#style-attribute-visibility">tts:visibility</a><br>
- 10.2.34 <a href="#style-attribute-wrapOption">tts:wrapOption</a><br>
- 10.2.35 <a href="#style-attribute-writingMode">tts:writingMode</a><br>
- 10.2.36 <a href="#style-attribute-zIndex">tts:zIndex</a><br>
+ 10.2.23 <a href="#style-attribute-position">tts:position</a><br>
+ 10.2.24 <a href="#style-attribute-ruby">tts:ruby</a><br>
+ 10.2.25 <a href="#style-attribute-rubyAlign">tts:rubyAlign</a><br>
+ 10.2.26 <a href="#style-attribute-rubyOffset">tts:rubyOffset</a><br>
+ 10.2.27 <a href="#style-attribute-rubyPosition">tts:rubyPosition</a><br>
+ 10.2.28 <a href="#style-attribute-showBackground">tts:showBackground</a><br>
+ 10.2.29 <a href="#style-attribute-textAlign">tts:textAlign</a><br>
+ 10.2.30 <a href="#style-attribute-textDecoration">tts:textDecoration</a><br>
+ 10.2.31 <a href="#style-attribute-textOrientation">tts:textOrientation</a><br>
+ 10.2.32 <a href="#style-attribute-textOutline">tts:textOutline</a><br>
+ 10.2.33 <a href="#style-attribute-unicodeBidi">tts:unicodeBidi</a><br>
+ 10.2.34 <a href="#style-attribute-visibility">tts:visibility</a><br>
+ 10.2.35 <a href="#style-attribute-wrapOption">tts:wrapOption</a><br>
+ 10.2.36 <a href="#style-attribute-writingMode">tts:writingMode</a><br>
+ 10.2.37 <a href="#style-attribute-zIndex">tts:zIndex</a><br>
10.3 <a href="#styling-style-value-expressions">Style Value Expressions</a><br>
10.3.1 <a href="#style-value-alpha"><alpha></a><br>
- 10.3.2 <a href="#style-value-border-color"><border-color></a><br>
- 10.3.3 <a href="#style-value-border-style"><border-style></a><br>
- 10.3.4 <a href="#style-value-border-width"><border-width></a><br>
+ 10.3.2 <a href="#style-value-borderColor"><borderColor></a><br>
+ 10.3.3 <a href="#style-value-borderStyle"><borderStyle></a><br>
+ 10.3.4 <a href="#style-value-borderWidth"><borderWidth></a><br>
10.3.5 <a href="#style-value-color"><color></a><br>
10.3.6 <a href="#style-value-digit"><digit></a><br>
- 10.3.7 <a href="#style-value-duration"><duration></a><br>
- 10.3.8 <a href="#style-value-familyName"><familyName></a><br>
- 10.3.9 <a href="#style-value-genericFamilyName"><genericFamilyName></a><br>
- 10.3.10 <a href="#style-value-hexDigit"><hexDigit></a><br>
- 10.3.11 <a href="#style-value-integer"><integer></a><br>
- 10.3.12 <a href="#style-value-length"><length></a><br>
- 10.3.13 <a href="#style-value-namedColor"><namedColor></a><br>
- 10.3.14 <a href="#style-value-quotedString"><quotedString></a><br>
- 10.3.15 <a href="#style-value-string"><string></a><br>
+ 10.3.7 <a href="#style-value-familyName"><familyName></a><br>
+ 10.3.8 <a href="#style-value-genericFamilyName"><genericFamilyName></a><br>
+ 10.3.9 <a href="#style-value-hexDigit"><hexDigit></a><br>
+ 10.3.10 <a href="#style-value-integer"><integer></a><br>
+ 10.3.11 <a href="#style-value-length"><length></a><br>
+ 10.3.12 <a href="#style-value-namedColor"><namedColor></a><br>
+ 10.3.13 <a href="#style-value-position"><position></a><br>
10.4 <a href="#semantics-style-resolution">Style Resolution</a><br>
10.4.1 <a href="#semantics-style-association">Style Association</a><br>
10.4.1.1 <a href="#semantics-style-association-inline">Inline Styling</a><br>
@@ -500,11 +499,11 @@
H <a href="#other-references">Other References</a> (Non-Normative)<br>
I <a href="#requirements">Requirements</a> (Non-Normative)<br>
J <a href="#derivation">Vocabulary Derivation</a> (Non-Normative)<br>
- J.1 <a href="#d3e33050">Element Derivation</a><br>
- J.2 <a href="#d3e33567">Attribute Derivation</a><br>
+ J.1 <a href="#d3e34136">Element Derivation</a><br>
+ J.2 <a href="#d3e34653">Attribute Derivation</a><br>
K <a href="#qa">QA Framework Compliance</a> (Non-Normative)<br>
- K.1 <a href="#d3e34560">Requirements</a><br>
- K.2 <a href="#d3e34724">Guidelines</a><br>
+ K.1 <a href="#d3e35646">Requirements</a><br>
+ K.2 <a href="#d3e35810">Guidelines</a><br>
L <a href="#streaming">Streaming TTML Content</a> (Non-Normative)<br>
M <a href="#concrete-encoding">Concrete Encoding</a><br>
N <a href="#time-expression-semantics">Time Expression Semantics</a><br>
@@ -545,7 +544,7 @@
authoring systems, and as a unidirectional interchange format to a
heterogeneous collection of distribution formats after undergoing transcoding
or compilation to the target distribution formats as required, and where one
-particular distribution format is TTML (labeled as "DFXP" in the figure).</p><a id="model-graphic"></a><table class="example-images"><caption>Figure 1 – System Model</caption><tbody><tr><td><img src="images/model.png" alt="System Model"></td></tr></tbody></table></div><div class="div2">
+particular distribution format is TTML (labeled as "DFXP" in the figure).</p><a id="model-graphic"></a><table class="example-images"><caption>Figure 1 – System Model</caption><tbody><tr><td><img src="images/model.png" alt="System Model"></td></tr></tbody></table><p></p><table border="1" class="ednote" summary="Editorial note: Revise System Model"><tr class="ednote-r1"><td align="left" valign="top"><b>Editorial note: Revise System Model</b></td><td align="right" valign="top">2014-11-27</td></tr><tr class="ednote-r2"><td colspan="2" align="left" valign="top">Update system model diagram to reflect current and expected usage. Eliminate reference to DFXP.</td></tr></table></div><div class="div2">
<h3><a id="example"></a>1.2 Document Example</h3><p>A TTML <a href="#terms-document-instance">document instance</a> consists of a <code>tt</code> document element that contains
a header and a body, where the header specifies document level metadata, styling
definitions and layout definitions, and the body specifies text content intermixed
@@ -1548,6 +1547,7 @@
<a href="#style-attribute-origin">tts:origin</a>,
<a href="#style-attribute-overflow">tts:overflow</a>,
<a href="#style-attribute-padding">tts:padding</a>,
+<a href="#style-attribute-position">tts:position</a>,
<a href="#style-attribute-ruby">tts:ruby</a>,
<a href="#style-attribute-rubyAlign">tts:rubyAlign</a>,
<a href="#style-attribute-rubyOffset">tts:rubyOffset</a>,
@@ -2603,6 +2603,7 @@
<tt
<a href="#content-attribute-condition">condition</a> = <a href="http://www.w3.org/TR/xmlschema-2/#string">xsd:string</a>
<a href="#style-attribute-extent">tts:extent</a> = <a href="http://www.w3.org/TR/xmlschema-2/#string">xsd:string</a>
+ <a href="#style-attribute-position">tts:position</a> = <a href="http://www.w3.org/TR/xmlschema-2/#string">xsd:string</a>
<a href="#content-attribute-id">xml:id</a> = ID
<a href="#content-attribute-lang"><span class="reqattr">xml:lang</span></a> = <a href="http://www.w3.org/TR/xmlschema-2/#string">xsd:string</a>
<a href="#content-attribute-space">xml:space</a> = (<em>default</em>|<em>preserve</em>) : default
@@ -2613,7 +2614,7 @@
</tt>
</pre></div>
</td></tr></tbody></table><p>The <a href="#terms-root-temporal-extent">root temporal extent</a>, i.e., the time interval over which a <a href="#terms-document-instance">document instance</a> is active, has an implicit duration that is equal to the
-implicit duration of the <code>body</code> element of the document, if the <code>body</code> element is present, or zero, if the <code>body</code> element is absent.</p><p>If the <code>tts:extent</code> attribute is specified on the <code>tt</code>
+implicit duration of the <code>body</code> element of the document, if the <code>body</code> element is present, or zero, if the <code>body</code> element is absent.</p><p>If the <a href="#style-attribute-extent"><code>tts:extent</code></a> attribute is specified on the <code>tt</code>
element, then it must adhere to <a href="#style-attribute-extent"><b>10.2.11 tts:extent</b></a>, in which case it
specifies the spatial extent of the <a href="#terms-root-container-region">root container region</a> in
which <a href="#terms-content-region">content regions</a> are located and presented. If no <code>tts:extent</code>
@@ -2626,8 +2627,12 @@
without specifying its resolution, then this may be accomplished by using metadata specified
in an external namespace, such as <code>m708:aspectRatio</code> as defined in <a href="#smpte2052">[SMPTE 2052-11]</a>, §5.4.4.
This would permit, for example, the interchange of information that reflects the
-the semantics of <a href="#cea708e">[CEA-708-E]</a> , §4.5 “Caption Service Metadata”, “ASPECT RATIO”.</p></div><p>Except for the <code>tts:extent</code> attribute described above, an attribute in the TT Style Namespace should not be specified on the <code>tt</code> element
-unless it denotes an inheritable style property, and, if specified, must be ignored for the purpose of non-validation processing. In the case of validation
+the semantics of <a href="#cea708e">[CEA-708-E]</a> , §4.5 “Caption Service Metadata”, “ASPECT RATIO”.</p></div><p>If the <a href="#style-attribute-position"><code>tts:position</code></a> attribute is specified on the <code>tt</code>
+element, then it must adhere to <a href="#style-attribute-position"><b>10.2.23 tts:position</b></a>, in which case it
+specifies the position of the <a href="#terms-root-container-region">root container region</a> relative to a reference positioning area.</p><p>Except for the <code>tts:extent</code> and <code>tts:position</code> attributes described above, an attribute in the TT Style Namespace should not
+be specified on the <code>tt</code> element unless it denotes an inheritable style property, in which case such inheritable style property is available
+for <a href="#semantics-style-inheritance-root">root style inheritance</a>. If a non-inheritable style property is specified, then
+it must be ignored for the purpose of non-validation processing. In the case of validation
processing, such usage should be reported as a warning, or, if strict validation is performed, as an error.</p><p>An <code>xml:lang</code> attribute must be specified on the <code>tt</code> element.
If the attribute value is empty, it signifies that there is no default language that applies
to the text contained within the <a href="#terms-document-instance">document instance</a>.</p><p>If no <code>xml:space</code> attribute is specified upon the <code>tt</code> element, then it must
@@ -2763,10 +2768,15 @@
<code>div</code>,
<code>p</code>,
<code>span</code>, and
-<code>br</code>.</p></div><p>If a <code>tts:extent</code> or <code>tts:origin</code> style attribute is specified on a <code>div</code> element, then that specification must be considered to be
+<code>br</code>.</p></div><p>If a
+<a href="#style-attribute-position"><code>tts:extent</code></a>,
+<a href="#style-attribute-position"><code>tts:origin</code></a>, or
+<a href="#style-attribute-position"><code>tts:position</code></a>
+style attribute is specified on a <code>div</code> element, then that specification must be considered to be
equivalent to specifying an anonymous <a href="#terms-inline-region">inline region</a> child of the <code>div</code> element, where the
-extent or origin of the corresponding region, also referred to as an <a href="#terms-implied-inline-region">implied inline region</a>, is equal to the
-value of the respective attribute. If both style attributes are specified, then both apply to the same <a href="#terms-implied-inline-region">implied inline region</a>.</p><p>If no <code>timeContainer</code> attribute is specified on
+extent, origin, or position of the corresponding region, also referred to as an <a href="#terms-implied-inline-region">implied inline region</a>, is equal to the
+value of the respective attribute. If any of these style attributes are specified,
+then they apply to the same <a href="#terms-implied-inline-region">implied inline region</a>.</p><p>If no <code>timeContainer</code> attribute is specified on
a <code>div</code> element, then it must be interpreted as having
<em>parallel</em> time containment semantics.</p></div><div class="div3">
<h4><a id="content-vocabulary-p"></a>8.1.5 p</h4><p>A <code>p</code> element represents a logical paragraph, serving as
@@ -2804,10 +2814,15 @@
attribute or inline style attributes or a combination thereof.</p><div class="note"><p class="prefix"><b>Note:</b></p><p>Style properties that are associated with a <code>p</code> element
in a <a href="#terms-document-instance">document instance</a> are available for style inheritance by
descendant <a href="#terms-content-element">content elements</a> such as <code>span</code> and
-<code>br</code>.</p></div><p>If a <code>tts:extent</code> or <code>tts:origin</code> style attribute is specified on a <code>p</code> element, then that specification must be considered to be
+<code>br</code>.</p></div><p>If a
+<a href="#style-attribute-position"><code>tts:extent</code></a>,
+<a href="#style-attribute-position"><code>tts:origin</code></a>, or
+<a href="#style-attribute-position"><code>tts:position</code></a>
+style attribute is specified on a <code>p</code> element, then that specification must be considered to be
equivalent to specifying an anonymous <a href="#terms-inline-region">inline region</a> child of the <code>p</code> element, where the
-extent or origin of the corresponding region, also referred to as an <a href="#terms-implied-inline-region">implied inline region</a>, is equal to the
-value of the respective attribute. If both style attributes are specified, then both apply to the same <a href="#terms-implied-inline-region">implied inline region</a>.</p><p>If no <code>timeContainer</code> attribute is specified on
+extent, origin, or position of the corresponding region, also referred to as an <a href="#terms-implied-inline-region">implied inline region</a>, is equal to the
+value of the respective attribute. If any of these style attributes are specified,
+then they apply to the same <a href="#terms-implied-inline-region">implied inline region</a>.</p><p>If no <code>timeContainer</code> attribute is specified on
a <code>p</code> element, then it must be interpreted as having
<em>parallel</em> time containment semantics.</p><p>If a sequence of children of a <code>p</code> element
consists solely of <a href="#terms-character-information-item">character information items</a>, then that sequence must
@@ -3806,9 +3821,11 @@
<h3><a id="styling-attribute-vocabulary"></a>10.2 Styling Attribute Vocabulary</h3><p>This section defines the <a href="#style-attribute-style"><b>10.2.1 style</b></a> attribute used
with certain animation elements, <a href="#terms-content-element">content elements</a>, certain layout elements, and style definition elements.</p><p>In addition, this section specifies the following attributes in the TT Style Namespace
for use with style definition elements, certain layout elements, and <a href="#terms-content-element">content elements</a>
-that support inline style specifications:</p><ul><li><p><a href="#style-attribute-backgroundColor"><b>10.2.2 tts:backgroundColor</b></a></p></li><li><p><a href="#style-attribute-backgroundImage"><b>10.2.3 tts:backgroundImage</b></a></p></li><li><p><a href="#style-attribute-backgroundPosition"><b>10.2.4 tts:backgroundPosition</b></a></p></li><li><p><a href="#style-attribute-backgroundRepeat"><b>10.2.5 tts:backgroundRepeat</b></a></p></li><li><p><a href="#style-attribute-border"><b>10.2.6 tts:border</b></a></p></li><li><p><a href="#style-attribute-color"><b>10.2.7 tts:color</b></a></p></li><li><p><a href="#style-attribute-direction"><b>10.2.8 tts:direction</b></a></p></li><li><p><a href="#style-attribute-display"><b>10.2.9 tts:display</b></a></p></li><li><p><a href="#style-attribute-displayAlign"><b>10.2.10 tts:displayAlign</b></a></p></li><li><p><a href="#style-attribute-extent"><b>10.2.11 tts:extent</b></a></p></li><li><p><a href="#style-attribute-fontFamily"><b>10.2.12 tts:fontFamily</b></a></p></li><li><p><a href="#style-attribute-fontSelectionStrategy"><b>10.2.13 tts:fontSelectionStrategy</b></a></p></li><li><p><a href="#style-attribute-fontSize"><b>10.2.14 tts:fontSize</b></a></p></li><li><p><a href="#style-attribute-fontStyle"><b>10.2.15 tts:fontStyle</b></a></p></li><li><p><a href="#style-attribute-fontVariantPosition"><b>10.2.16 tts:fontVariantPosition</b></a></p></li><li><p><a href="#style-attribute-fontWeight"><b>10.2.17 tts:fontWeight</b></a></p></li><li><p><a href="#style-attribute-lineHeight"><b>10.2.18 tts:lineHeight</b></a></p></li><li><p><a href="#style-attribute-opacity"><b>10.2.19 tts:opacity</b></a></p></li><li><p><a href="#style-attribute-origin"><b>10.2.20 tts:origin</b></a></p></li><li><p><a href="#style-attribute-overflow"><b>10.2.21 tts:overflow</b></a></p></li><li><p><a href="#style-attribute-padding"><b>10.2.22 tts:padding</b></a></p></li><li><p><a href="#style-attribute-ruby"><b>10.2.23 tts:ruby</b></a></p></li><li><p><a href="#style-attribute-rubyAlign"><b>10.2.24 tts:rubyAlign</b></a></p></li><li><p><a href="#style-attribute-rubyOffset"><b>10.2.25 tts:rubyOffset</b></a></p></li><li><p><a href="#style-attribute-rubyPosition"><b>10.2.26 tts:rubyPosition</b></a></p></li><li><p><a href="#style-attribute-showBackground"><b>10.2.27 tts:showBackground</b></a></p></li><li><p><a href="#style-attribute-textAlign"><b>10.2.28 tts:textAlign</b></a></p></li><li><p><a href="#style-attribute-textDecoration"><b>10.2.29 tts:textDecoration</b></a></p></li><li><p><a href="#style-attribute-textOrientation"><b>10.2.30 tts:textOrientation</b></a></p></li><li><p><a href="#style-attribute-textOutline"><b>10.2.31 tts:textOutline</b></a></p></li><li><p><a href="#style-attribute-unicodeBidi"><b>10.2.32 tts:unicodeBidi</b></a></p></li><li><p><a href="#style-attribute-visibility"><b>10.2.33 tts:visibility</b></a></p></li><li><p><a href="#style-attribute-wrapOption"><b>10.2.34 tts:wrapOption</b></a></p></li><li><p><a href="#style-attribute-writingMode"><b>10.2.35 tts:writingMode</b></a></p></li><li><p><a href="#style-attribute-zIndex"><b>10.2.36 tts:zIndex</b></a></p></li></ul><table border="1" class="ednote" summary="Editorial note: Additional Border Styling Attributes"><tr class="ednote-r1"><td align="left" valign="top"><b>Editorial note: Additional Border Styling Attributes</b></td><td align="right" valign="top">2013-08-24</td></tr><tr class="ednote-r2"><td colspan="2" align="left" valign="top">Consider adding support for <code>tts:borderColor</code>, <code>tts:borderStyle</code>, and <code>tts:borderWidth</code>
+that support inline style specifications:</p><ul><li><p><a href="#style-attribute-backgroundColor"><b>10.2.2 tts:backgroundColor</b></a></p></li><li><p><a href="#style-attribute-backgroundImage"><b>10.2.3 tts:backgroundImage</b></a></p></li><li><p><a href="#style-attribute-backgroundPosition"><b>10.2.4 tts:backgroundPosition</b></a></p></li><li><p><a href="#style-attribute-backgroundRepeat"><b>10.2.5 tts:backgroundRepeat</b></a></p></li><li><p><a href="#style-attribute-border"><b>10.2.6 tts:border</b></a></p></li><li><p><a href="#style-attribute-color"><b>10.2.7 tts:color</b></a></p></li><li><p><a href="#style-attribute-direction"><b>10.2.8 tts:direction</b></a></p></li><li><p><a href="#style-attribute-display"><b>10.2.9 tts:display</b></a></p></li><li><p><a href="#style-attribute-displayAlign"><b>10.2.10 tts:displayAlign</b></a></p></li><li><p><a href="#style-attribute-extent"><b>10.2.11 tts:extent</b></a></p></li><li><p><a href="#style-attribute-fontFamily"><b>10.2.12 tts:fontFamily</b></a></p></li><li><p><a href="#style-attribute-fontSelectionStrategy"><b>10.2.13 tts:fontSelectionStrategy</b></a></p></li><li><p><a href="#style-attribute-fontSize"><b>10.2.14 tts:fontSize</b></a></p></li><li><p><a href="#style-attribute-fontStyle"><b>10.2.15 tts:fontStyle</b></a></p></li><li><p><a href="#style-attribute-fontVariantPosition"><b>10.2.16 tts:fontVariantPosition</b></a></p></li><li><p><a href="#style-attribute-fontWeight"><b>10.2.17 tts:fontWeight</b></a></p></li><li><p><a href="#style-attribute-lineHeight"><b>10.2.18 tts:lineHeight</b></a></p></li><li><p><a href="#style-attribute-opacity"><b>10.2.19 tts:opacity</b></a></p></li><li><p><a href="#style-attribute-origin"><b>10.2.20 tts:origin</b></a></p></li><li><p><a href="#style-attribute-overflow"><b>10.2.21 tts:overflow</b></a></p></li><li><p><a href="#style-attribute-padding"><b>10.2.22 tts:padding</b></a></p></li><li><p><a href="#style-attribute-position"><b>10.2.23 tts:position</b></a></p></li><li><p><a href="#style-attribute-ruby"><b>10.2.24 tts:ruby</b></a></p></li><li><p><a href="#style-attribute-rubyAlign"><b>10.2.25 tts:rubyAlign</b></a></p></li><li><p><a href="#style-attribute-rubyOffset"><b>10.2.26 tts:rubyOffset</b></a></p></li><li><p><a href="#style-attribute-rubyPosition"><b>10.2.27 tts:rubyPosition</b></a></p></li><li><p><a href="#style-attribute-showBackground"><b>10.2.28 tts:showBackground</b></a></p></li><li><p><a href="#style-attribute-textAlign"><b>10.2.29 tts:textAlign</b></a></p></li><li><p><a href="#style-attribute-textDecoration"><b>10.2.30 tts:textDecoration</b></a></p></li><li><p><a href="#style-attribute-textOrientation"><b>10.2.31 tts:textOrientation</b></a></p></li><li><p><a href="#style-attribute-textOutline"><b>10.2.32 tts:textOutline</b></a></p></li><li><p><a href="#style-attribute-unicodeBidi"><b>10.2.33 tts:unicodeBidi</b></a></p></li><li><p><a href="#style-attribute-visibility"><b>10.2.34 tts:visibility</b></a></p></li><li><p><a href="#style-attribute-wrapOption"><b>10.2.35 tts:wrapOption</b></a></p></li><li><p><a href="#style-attribute-writingMode"><b>10.2.36 tts:writingMode</b></a></p></li><li><p><a href="#style-attribute-zIndex"><b>10.2.37 tts:zIndex</b></a></p></li></ul><table border="1" class="ednote" summary="Editorial note: Additional Border Styling Attributes"><tr class="ednote-r1"><td align="left" valign="top"><b>Editorial note: Additional Border Styling Attributes</b></td><td align="right" valign="top">2013-08-24</td></tr><tr class="ednote-r2"><td colspan="2" align="left" valign="top">Consider adding support for <code>tts:borderColor</code>, <code>tts:borderStyle</code>, and <code>tts:borderWidth</code>
in order to provide a means to independently express styling of the four different borders (top, right, bottom, left). As currently specified, i.e., with only the
-<code>tts:border</code> attribute, one can only express the four borders using the same color, style, and width.</td></tr></table><p>Unless explicitly permitted by an element type definition, an attribute in the TT Style Namespace should not be specified on an element
+<code>tts:border</code> attribute, one can only express the four borders using the same color, style, and width.</td></tr></table><p></p><table border="1" class="ednote" summary="Editorial note: Background Clip, Origin, Size"><tr class="ednote-r1"><td align="left" valign="top"><b>Editorial note: Background Clip, Origin, Size</b></td><td align="right" valign="top">2014-11-27</td></tr><tr class="ednote-r2"><td colspan="2" align="left" valign="top">Consider adding support for <code>tts:backgroundClip</code>,
+<code>tts:backgroundOrigin</code>, and
+<code>tts:backgroundSize</code>.</td></tr></table><p>Unless explicitly permitted by an element type definition, an attribute in the TT Style Namespace should not be specified on an element
unless it either applies to that element or denotes an inheritable style property. If it does not apply to that element
and does not denote an inheritable style property, then it must be ignored for the purpose of non-validation processing.
In the case of validation processing, such usage should be reported as a warning, or, if strict validation is performed,
@@ -3874,12 +3891,12 @@
</td></tr></tbody></table><p></p><a id="style-attribute-backgroundColor-example-1-images"></a><table class="example-images"><caption>Example Rendition – Background Color</caption><tbody><tr><td><img src="images/backgroundColor.png" alt="TTML backgroundColor style property"></td></tr></tbody></table><div class="note"><p class="prefix"><b>Note:</b></p><p>The semantics of the style property represented by this attribute are based upon
that defined by <a href="#xsl11">[XSL 1.1]</a>, § 7.8.2.</p></div></div><div class="div3">
<h4><a id="style-attribute-backgroundImage"></a>10.2.3 tts:backgroundImage</h4><p>The <code>tts:backgroundImage</code> attribute is used to specify a style property that
-defines the background image of a region or an area generated by content flowed into a region.</p><p>A background image should not be used to represent actual content, such as a raster image
-rendering of a caption. Rather, the use of a background image should be limited to styling
-the background of an element where the content is represented by other means. If it is necessary
-to represent content using a raster image, then it should be expressed by means of an
-<a href="#embedded-content-vocabulary-image"><code>image</code></a> element in a block or inline
-context.</p><p>This attribute may be specified by any
+designates a background <a href="#non-content-image">non-content image</a> to be rendered as
+the background image of a region or an area generated by content flowed into a region.</p><p>A <code>tts:backgroundImage</code> attribute should not make reference to a <a href="#content-image">content image</a>
+used to represent actual content, such as a raster image rendering of a caption. Rather, the use of <code>tts:backgroundImage</code>
+should be limited to styling the background of an element where the content is represented by other means. If it is necessary
+to represent content using a raster image, then it should be expressed by means of an <a href="#embedded-content-vocabulary-image"><code>image</code></a>
+element in a block or inline context.</p><p>This attribute may be specified by any
element type
that permits use of attributes in the TT Style Namespace; however, this attribute applies
as a style property only to those element types indicated in the following table.</p><a id="style-property-details-backgroundImage"></a><table class="common"><col width="25%" span="1"><col span="1"><tbody><tr><td><em>Values:</em></td><td>
@@ -3926,10 +3943,10 @@
</td></tr></tbody></table><p></p><table border="1" class="ednote" summary="Editorial note: Background Image Example Image"><tr class="ednote-r1"><td align="left" valign="top"><b>Editorial note: Background Image Example Image</b></td><td align="right" valign="top">2014-11-21</td></tr><tr class="ednote-r2"><td colspan="2" align="left" valign="top">Insert image of backgroundImage example.</td></tr></table><div class="note"><p class="prefix"><b>Note:</b></p><p>The semantics of the style property represented by this attribute are based upon
that defined by <a href="#xsl11">[XSL 1.1]</a>, § 7.8.3.</p></div></div><div class="div3">
<h4><a id="style-attribute-backgroundPosition"></a>10.2.4 tts:backgroundPosition</h4><p>The <code>tts:backgroundPosition</code> attribute is used to specify a style property that
-defines whether and how a background image is positioned (tiled) into a region or an area generated by content flowed into a region.</p><p>This attribute may be specified by any element type
+defines whether and how a background image is positioned in a region or an area generated by content flowed into a region.</p><p>This attribute may be specified by any element type
that permits use of attributes in the TT Style Namespace; however, this attribute applies
as a style property only to those element types indicated in the following table.</p><a id="style-property-details-backgroundPosition"></a><table class="common"><col width="25%" span="1"><col span="1"><tbody><tr><td><em>Values:</em></td><td>
-<a href="#style-value-position"><position></a> <a href="#style-value-position"><position></a>?
+<a href="#style-value-position"><position></a>
</td></tr><tr><td><em>Initial:</em></td><td><code>0% 0%</code></td></tr><tr><td><em>Applies to:</em></td><td>
<a href="#document-structure-vocabulary-body"><code>body</code></a>,
<a href="#content-vocabulary-div"><code>div</code></a>,
@@ -3938,12 +3955,17 @@
<a href="#content-vocabulary-span"><code>span</code></a>
</td></tr><tr><td><em>Inherited:</em></td><td>no</td></tr><tr><td><em>Percentages:</em></td><td><em>see prose</em></td></tr><tr><td><em>Animatable:</em></td><td>discrete, continuous</td></tr></tbody></table><p>For the purpose of determining applicability of this style property,
each character child of a <code>p</code> element is considered to be enclosed in an anonymous
-span.</p><p>The <code>tts:backgroundPosition</code> style is illustrated by the following example.</p><a id="style-attribute-backgroundPosition-example-1"></a><table class="example"><caption>Example Fragment – Background Position</caption><tbody><tr><td>
+span.</p><p>A percentage value component for a horizontal position offset is relative to the width of the
+positioning area minus the width of the background image.
+A percentage value component for a vertical position offset is relative to the height of the
+positioning area minus the height of the background image.
+The positioning area corresponds with the padding rectangle (padding box) of each area generated
+by applicable element.</p><p>The <code>tts:backgroundPosition</code> style is illustrated by the following example.</p><a id="style-attribute-backgroundPosition-example-1"></a><table class="example"><caption>Example Fragment – Background Position</caption><tbody><tr><td>
<div class="exampleInner"><pre>
<region xml:id="r1">
<style tts:extent="306px 114px"/>
<style tts:backgroundImage="#embeddedImage"/>
- <style <span class="strong">tts:backgroundPosition="center center"</span>/>
+ <style <span class="strong">tts:backgroundPosition="center"</span>/>
</region>
</pre></div>
</td></tr></tbody></table><p></p><table border="1" class="ednote" summary="Editorial note: Background Position Example Image"><tr class="ednote-r1"><td align="left" valign="top"><b>Editorial note: Background Position Example Image</b></td><td align="right" valign="top">2014-11-21</td></tr><tr class="ednote-r2"><td colspan="2" align="left" valign="top">Insert image of backgroundPosition example.</td></tr></table><div class="note"><p class="prefix"><b>Note:</b></p><p>The semantics of the style property represented by this attribute are based upon
@@ -3980,9 +4002,9 @@
that permits use of attributes in the TT Style Namespace; however, this attribute applies
as a style property only to those element types indicated in the following table.</p><a id="style-property-details-border"></a><table class="common"><col width="25%" span="1"><col span="1"><tbody><tr><td><em>Values:</em></td><td>
[
-<a href="#style-value-border-width"><border-width></a> ||
-<a href="#style-value-border-style"><border-style></a> ||
-<a href="#style-value-border-color"><border-color></a>
+<a href="#style-value-borderWidth"><borderWidth></a> ||
+<a href="#style-value-borderStyle"><borderStyle></a> ||
+<a href="#style-value-borderColor"><borderColor></a>
]
</td></tr><tr><td><em>Initial:</em></td><td><code>none</code></td></tr><tr><td><em>Applies to:</em></td><td>
<a href="#document-structure-vocabulary-body"><code>body</code></a>,
@@ -4263,7 +4285,7 @@
<a href="#content-vocabulary-p"><code>p</code></a>,
<a href="#content-vocabulary-span"><code>span</code></a>
</td></tr><tr><td><em>Inherited:</em></td><td>yes</td></tr><tr><td><em>Percentages:</em></td><td>N/A</td></tr><tr><td><em>Animatable:</em></td><td>discrete</td></tr></tbody></table><div class="note"><p class="prefix"><b>Note:</b></p><p>The initial value, <code>default</code>, is a generic font family name, and is
-further described in <a href="#style-value-genericFamilyName"><b>10.3.9 <genericFamilyName></b></a> below.</p></div><p>For the purpose of determining applicability of this style property,
+further described in <a href="#style-value-genericFamilyName"><b>10.3.8 <genericFamilyName></b></a> below.</p></div><p>For the purpose of determining applicability of this style property,
each character child of a <code>p</code> element is considered to be enclosed in an anonymous
span.</p><p>If a computed value of the property associated with this attribute is not supported, then a
<a href="#terms-presentation-processor">presentation processor</a> must attempt to map the computed font family
@@ -4328,7 +4350,7 @@
the computed font size and the supported font size is minimized. If there are multiple closest supported values equally distant from
the computed value, then the value most distant from 0 (single length specification) or [0,0] (two length specifications) is used,
i.e., the largest font size, is used.</p></div><div class="note"><p class="prefix"><b>Note:</b></p><p>The expression <code>1c</code> means one cell, where <code>'c'</code> expresses
-the <em>cell</em> length unit as defined by <a href="#style-value-length"><b>10.3.12 <length></b></a>.
+the <em>cell</em> length unit as defined by <a href="#style-value-length"><b>10.3.11 <length></b></a>.
When a single <length> is expressed using cell units, then it refers to the height of
the <a href="#terms-computed-cell-size">computed cell size</a>.
When two <length> values are expressed using cell units, then the first refers to the width of
@@ -4409,7 +4431,7 @@
each character child of a <code>p</code> element is considered to be enclosed in an anonymous
span.</p><p>If a computed value of the property associated with this attribute is not supported,
then a <a href="#terms-presentation-processor">presentation processor</a> must use the value <code>normal</code>.</p><table border="1" class="ednote" summary="Editorial note: Font Position Variant Example"><tr class="ednote-r1"><td align="left" valign="top"><b>Editorial note: Font Position Variant Example</b></td><td align="right" valign="top">2014-09-24</td></tr><tr class="ednote-r2"><td colspan="2" align="left" valign="top">Add example source and rendering of tts:fontVariantPosition.</td></tr></table><div class="note"><p class="prefix"><b>Note:</b></p><p>The semantics of the style property
-represented by this attribute are based upon that defined by <a href="#css3-fonts">[CSS Fonts Module Level 3]</a>,
+represented by this attribute are based upon that defined by <a href="#css3-fonts">[CSS Fonts]</a>,
§ 6.5.</p></div></div><div class="div3">
<h4><a id="style-attribute-fontWeight"></a>10.2.17 tts:fontWeight</h4><p>The <code>tts:fontWeight</code> attribute is used to specify a style property
that defines the font weight to apply to glyphs that are selected for glyph
@@ -4710,7 +4732,53 @@
§ 7.31.15, except that individual shorthand values map to writing
mode relative padding values as defined by <a href="#xsl11">[XSL 1.1]</a>,
§ 7.8.31, 7.8.32, 7.8.33, and 7.8.34.</p></div></div><div class="div3">
-<h4><a id="style-attribute-ruby"></a>10.2.23 tts:ruby</h4><p>The <code>tts:ruby</code> attribute is used to specify the application of ruby
+<h4><a id="style-attribute-position"></a>10.2.23 tts:position</h4><p>The <code>tts:position</code> attribute is used as an alternative way to specify the position
+of a region area with respect the <a href="#terms-root-container-region">root container region</a>.</p><p>This attribute may be specified by any element type
+that permits use of attributes in the TT Style Namespace; however, this attribute applies
+as a style property only to those element types indicated in the following table.</p><a id="style-property-details-position"></a><table class="common"><col width="25%" span="1"><col span="1"><tbody><tr><td><em>Values:</em></td><td>
+<a href="#style-value-position"><position></a>
+</td></tr><tr><td><em>Initial:</em></td><td><code>center</code></td></tr><tr><td><em>Applies to:</em></td><td>
+<a href="#document-structure-vocabulary-tt"><code>tt</code></a>,
+<a href="#content-vocabulary-div"><code>div</code></a>,
+<a href="#content-vocabulary-p"><code>p</code></a>,
+<a href="#layout-vocabulary-region"><code>region</code></a>
+</td></tr><tr><td><em>Inherited:</em></td><td>no</td></tr><tr><td><em>Percentages:</em></td><td><em>see prose</em></td></tr><tr><td><em>Animatable:</em></td><td>discrete, continuous</td></tr></tbody></table><p>A percentage value component for a horizontal position offset is relative to the width of the
+positioning area minus the width of the associated region.
+A percentage value component for a vertical position offset is relative to the height of the
+positioning area minus the height of the associated region.</p><p>If specified on a <a href="#document-structure-vocabulary-tt"><code>tt</code></a> element, then, if a
+<a href="#terms-related-media-object">related media object</a> exists, the positioning area corresponds with
+the <a href="#terms-related-media-object-region">related media object region</a>, or, if no
+<a href="#terms-related-media-object">related media object</a> exists, the positioning area corresponds with
+an unspecified presentation region determined by the <a href="#terms-document-processing-context">document processing context</a>.
+For other applicable element types, the positioning area corresponds with the content rectangle (content box)
+of the <a href="#terms-root-container-region">root container region</a>.</p><div class="note"><p class="prefix"><b>Note:</b></p><p>The <a href="#terms-root-container-region">root container region</a> has no border or padding; consequently, its border, padding, and
+content rectangles (boxes) are coterminous.</p></div><p>If a <code>tts:position</code> attribute is specified on a <code>div</code> or <code>p</code> element, then that specification must be considered to be
+equivalent to specifying an anonymous <a href="#terms-inline-region">inline region</a> child of the <code>div</code> or <code>p</code> element, where the
+position of the corresponding region, also referred to as an <a href="#terms-implied-inline-region">implied inline region</a>, is equal to the
+value of this attribute.</p><p>If a computed value of the property associated with this attribute is not supported,
+then a <a href="#terms-presentation-processor">presentation processor</a> must use the closest supported value.</p><div class="note"><p class="prefix"><b>Note:</b></p><p>In this context, the phrase <em>closest supported value</em> means the value for which the Euclidean distance between
+the computed position and the supported position is minimized. If there are multiple closest supported values equally distant from
+the computed value, then the value least distant from [0,0], i.e., closest to the coordinate space position, is used.</p></div><p>The <code>tts:position</code> style is illustrated by the following example, which positions a region so that it is
+centered in the horizontal dimension and has a bottom edge 10% above the bottom of the positioning area in the vertical dimension.</p><a id="style-attribute-position-example-1"></a><table class="example"><caption>Example Fragment – Position</caption><tbody><tr><td>
+<div class="exampleInner"><pre>
+<region xml:id="r1">
+ <style <span class="strong">tts:position="center bottom 10%"</span>/>
+ <style tts:extent="308px 92px"/>
+ <style tts:backgroundColor="black"/>
+ <style tts:color="white"/>
+ <style tts:displayAlign="center"/>
+ <style tts:textAlign="center"/>
+</region>
+...
+<p region="r1">
+ "To dine!" she shrieked in dragon-wrath.<br/>
+ "To swallow wines all foam and froth!<br/>
+ To simper at a table-cloth!"
+</p>
+</pre></div>
+</td></tr></tbody></table><p></p><table border="1" class="ednote" summary="Editorial note: Border Example Image"><tr class="ednote-r1"><td align="left" valign="top"><b>Editorial note: Border Example Image</b></td><td align="right" valign="top">2011-11-28</td></tr><tr class="ednote-r2"><td colspan="2" align="left" valign="top">Insert image of position example.</td></tr></table><div class="note"><p class="prefix"><b>Note:</b></p><p>The semantics of the style property represented by this attribute are based upon
+the <code>background-position</code> property defined by <a href="#css3-bb">[CSS Backgrounds and Borders]</a>, § 3.6.</p></div></div><div class="div3">
+<h4><a id="style-attribute-ruby"></a>10.2.24 tts:ruby</h4><p>The <code>tts:ruby</code> attribute is used to specify the application of ruby
styling.</p><p>This attribute may be specified by any element type that permits use of attributes in the TT Style Namespace; however,
this attribute applies as a style property only to those element types indicated in the following table.</p><a id="style-property-details-ruby"></a><table class="common"><col width="25%" span="1"><col span="1"><tbody><tr><td><em>Values:</em></td><td>
<code>none</code> |
@@ -4857,7 +4925,7 @@
</td></tr></tbody></table><p></p><a id="style-attribute-ruby-example-2-images"></a><table class="example-images"><caption>Example Rendition – Complex Ruby</caption><tbody><tr><td><img src="images/ruby_2.png" alt="TTML ruby style property"></td></tr></tbody></table><div class="note"><p class="prefix"><b>Note:</b></p><p>The semantics of the style property
represented by this attribute are based upon that defined by <a href="#ruby">[Ruby]</a> and <a href="#cssruby">[CSS Ruby]</a>. See also
<a href="#jlreq">[JLREQ]</a>, §3.3, for further information.</p></div></div><div class="div3">
-<h4><a id="style-attribute-rubyAlign"></a>10.2.24 tts:rubyAlign</h4><p>The <code>tts:rubyAlign</code> attribute is used to specify the position of ruby text within the inline area generated by the ruby text container annotation.</p><p>This attribute may be specified by any element type that permits use of attributes in the TT Style Namespace; however,
+<h4><a id="style-attribute-rubyAlign"></a>10.2.25 tts:rubyAlign</h4><p>The <code>tts:rubyAlign</code> attribute is used to specify the position of ruby text within the inline area generated by the ruby text container annotation.</p><p>This attribute may be specified by any element type that permits use of attributes in the TT Style Namespace; however,
this attribute applies as a style property only to those element types indicated in the following table.</p><a id="style-property-details-rubyAlign"></a><table class="common"><col width="25%" span="1"><col span="1"><tbody><tr><td><em>Values:</em></td><td>
<code>start</code> |
<code>center</code> |
@@ -4876,7 +4944,7 @@
then a <a href="#terms-presentation-processor">presentation processor</a> must use the value <code>spaceAround</code>.</p><table border="1" class="ednote" summary="Editorial note: Ruby Align Example"><tr class="ednote-r1"><td align="left" valign="top"><b>Editorial note: Ruby Align Example</b></td><td align="right" valign="top">2014-09-20</td></tr><tr class="ednote-r2"><td colspan="2" align="left" valign="top">Add example source and rendering of tts:rubyAlign.</td></tr></table><div class="note"><p class="prefix"><b>Note:</b></p><p>The semantics of the style property
represented by this attribute are based upon that defined by <a href="#cssruby">[CSS Ruby]</a>, §4.3, and the examples and example
renderings shown there apply.</p></div></div><div class="div3">
-<h4><a id="style-attribute-rubyOffset"></a>10.2.25 tts:rubyOffset</h4><p>The <code>tts:rubyOffset</code> attribute is used to specify the offset (distance) of ruby text with respect to its associated ruby base
+<h4><a id="style-attribute-rubyOffset"></a>10.2.26 tts:rubyOffset</h4><p>The <code>tts:rubyOffset</code> attribute is used to specify the offset (distance) of ruby text with respect to its associated ruby base
in the block progression dimension.</p><p>This attribute may be specified by any element type that permits use of attributes in the TT Style Namespace; however,
this attribute applies as a style property only to those element types indicated in the following table.</p><a id="style-property-details-rubyOffset"></a><table class="common"><col width="25%" span="1"><col span="1"><tbody><tr><td><em>Values:</em></td><td>
<a href="#style-value-length"><length></a>
@@ -4886,7 +4954,7 @@
generated by a ruby text container (explicit or implied) and padding edge <em>E<sub>2</sub></em> of the inline area generated by a ruby base container (explicit or implied), where
<em>E<sub>1</sub></em> and <em>E<sub>2</sub></em> are perpendicular to the block progression direction and are (or would be) adjacent in the absence of
such an offset.</p><p>Negative length expressions are permitted.</p><table border="1" class="ednote" summary="Editorial note: Ruby Offset Example"><tr class="ednote-r1"><td align="left" valign="top"><b>Editorial note: Ruby Offset Example</b></td><td align="right" valign="top">2014-10-02</td></tr><tr class="ednote-r2"><td colspan="2" align="left" valign="top">Add example source and rendering of tts:rubyOffset.</td></tr></table></div><div class="div3">
-<h4><a id="style-attribute-rubyPosition"></a>10.2.26 tts:rubyPosition</h4><p>The <code>tts:rubyPosition</code> attribute is used to specify the position of ruby text in the block progression dimension
+<h4><a id="style-attribute-rubyPosition"></a>10.2.27 tts:rubyPosition</h4><p>The <code>tts:rubyPosition</code> attribute is used to specify the position of ruby text in the block progression dimension
with respect to its associated ruby base.</p><p>This attribute may be specified by any element type that permits use of attributes in the TT Style Namespace; however,
this attribute applies as a style property only to those element types indicated in the following table.</p><a id="style-property-details-rubyPosition"></a><table class="common"><col width="25%" span="1"><col span="1"><tbody><tr><td><em>Values:</em></td><td>
<code>before</code> |
@@ -4903,7 +4971,7 @@
then a <a href="#terms-presentation-processor">presentation processor</a> must use the value <code>before</code>.</p><a id="rubyPosition-semantics-mapping-table"></a><table class="common"><caption>Table 8-2 – Ruby Position Semantics Mapping by Writing Mode</caption><col width="20%" span="1"><col width="20%" span="1"><col width="20%" span="1"><col width="20%" span="1"><col width="20%" span="1"><col span="1"><tbody><tr><th>tts:rubyPosition</th><th><code>lrtb</code></th><th><code>rltb</code></th><th><code>tbrl</code></th><th><code>tblr</code></th></tr><tr><td><code>before</code></td><td><code>over</code></td><td><code>over</code></td><td><code>right</code></td><td><code>left</code></td></tr><tr><td><code>after</code></td><td><code>under</code></td><td><code>under</code></td><td><code>left</code></td><td><code>right</code></td></tr></tbody></table><p></p><table border="1" class="ednote" summary="Editorial note: Ruby Position Example"><tr class="ednote-r1"><td align="left" valign="top"><b>Editorial note: Ruby Position Example</b></td><td align="right" valign="top">2014-09-20</td></tr><tr class="ednote-r2"><td colspan="2" align="left" valign="top">Add example source and rendering of tts:rubyPosition.</td></tr></table><div class="note"><p class="prefix"><b>Note:</b></p><p>The semantics of the style property
represented by this attribute are based upon that defined by <a href="#cssruby">[CSS Ruby]</a>, §4.1, and the examples and example
renderings shown there apply modulo the mappings defined above.</p></div></div><div class="div3">
-<h4><a id="style-attribute-showBackground"></a>10.2.27 tts:showBackground</h4><p>The <code>tts:showBackground</code> attribute is used to specify
+<h4><a id="style-attribute-showBackground"></a>10.2.28 tts:showBackground</h4><p>The <code>tts:showBackground</code> attribute is used to specify
constraints on when the background color of a region is intended to be
presented.</p><p>This attribute may be specified by any
element type
@@ -4944,7 +5012,7 @@
</td></tr></tbody></table><div class="note"><p class="prefix"><b>Note:</b></p><p>The semantics of the style property
represented by this attribute are based upon that defined by <a href="#smil3">[SMIL 3.0]</a>,
§ 7.4.2.</p></div></div><div class="div3">
-<h4><a id="style-attribute-textAlign"></a>10.2.28 tts:textAlign</h4><p>The <code>tts:textAlign</code> attribute is used to specify a style property that
+<h4><a id="style-attribute-textAlign"></a>10.2.29 tts:textAlign</h4><p>The <code>tts:textAlign</code> attribute is used to specify a style property that
defines how inline areas are aligned within a containing block area in the inline progression
direction.</p><p>This attribute may be specified by any
element type
@@ -4987,7 +5055,7 @@
</td></tr></tbody></table><p></p><a id="style-attribute-textAlign-example-1-images"></a><table class="example-images"><caption>Example Rendition – Text Align</caption><tbody><tr><td><img src="images/textAlign.png" alt="TTML textAlign style property"></td></tr></tbody></table><div class="note"><p class="prefix"><b>Note:</b></p><p>The semantics of the style property
represented by this attribute are based upon that defined by <a href="#xsl11">[XSL 1.1]</a>,
§ 7.16.9.</p></div></div><div class="div3">
-<h4><a id="style-attribute-textDecoration"></a>10.2.29 tts:textDecoration</h4><p>The <code>tts:textDecoration</code> attribute is used to specify a style property that
+<h4><a id="style-attribute-textDecoration"></a>10.2.30 tts:textDecoration</h4><p>The <code>tts:textDecoration</code> attribute is used to specify a style property that
defines a text decoration effect to apply to glyph areas or other inline
areas that are generated by content flowed into a region.</p><p>This attribute may be specified by any
element type
@@ -5036,7 +5104,7 @@
</td></tr></tbody></table><p></p><a id="style-attribute-textDecoration-example-1-images"></a><table class="example-images"><caption>Example Rendition – Text Decoration</caption><tbody><tr><td><img src="images/textDecoration.png" alt="TTML textDecoration style property"></td></tr></tbody></table><div class="note"><p class="prefix"><b>Note:</b></p><p>The semantics of the style property
represented by this attribute are based upon that defined by <a href="#xsl11">[XSL 1.1]</a>,
§ 7.17.4.</p></div></div><div class="div3">
-<h4><a id="style-attribute-textOrientation"></a>10.2.30 tts:textOrientation</h4><p>The <code>tts:textOrientation</code> attribute is used to specify a style property that
+<h4><a id="style-attribute-textOrientation"></a>10.2.31 tts:textOrientation</h4><p>The <code>tts:textOrientation</code> attribute is used to specify a style property that
defines a text orientation to apply to glyphs that are selected for glyph areas generated
by content flowed into a region to which a vertical writing mode applies.</p><p>This attribute may be specified by any
element type
@@ -5069,9 +5137,9 @@
<code>override</code> were applied.</p><p>If a vertical writing mode does not apply, then this style property has no effect.</p><p>If a computed value of the property associated with this attribute is not supported,
then a <a href="#terms-presentation-processor">presentation processor</a> must use the value <code>mixed</code>.</p><p>The <code>tts:textOrientation</code> style is illustrated by the following
example.</p><table border="1" class="ednote" summary="Editorial note: Text Orientation Example"><tr class="ednote-r1"><td align="left" valign="top"><b>Editorial note: Text Orientation Example</b></td><td align="right" valign="top">2013-08-24</td></tr><tr class="ednote-r2"><td colspan="2" align="left" valign="top">Insert example fragment and image of text orientation.</td></tr></table><div class="note"><p class="prefix"><b>Note:</b></p><p>The semantics of the style property
-represented by this attribute are based upon that defined by <a href="#css3-wm">[CSS Writing Modes Level 3]</a>,
+represented by this attribute are based upon that defined by <a href="#css3-wm">[CSS Writing Modes]</a>,
§ 5.1.</p></div></div><div class="div3">
-<h4><a id="style-attribute-textOutline"></a>10.2.31 tts:textOutline</h4><p>The <code>tts:textOutline</code> attribute is used to specify a style property that
+<h4><a id="style-attribute-textOutline"></a>10.2.32 tts:textOutline</h4><p>The <code>tts:textOutline</code> attribute is used to specify a style property that
defines a text outline effect to apply to glyphs that are selected for glyph areas generated
by content flowed into a region.</p><p>This attribute may be specified by any
element type
@@ -5120,7 +5188,7 @@
</p>
</pre></div>
</td></tr></tbody></table><p></p><a id="style-attribute-textOutline-example-1-images"></a><table class="example-images"><caption>Example Rendition – Text Outline</caption><tbody><tr><td><img src="images/textOutline.png" alt="textOutline style property"></td></tr></tbody></table></div><div class="div3">
-<h4><a id="style-attribute-unicodeBidi"></a>10.2.32 tts:unicodeBidi</h4><p>The <code>tts:unicodeBidi</code> attribute is used to specify a style property that
+<h4><a id="style-attribute-unicodeBidi"></a>10.2.33 tts:unicodeBidi</h4><p>The <code>tts:unicodeBidi</code> attribute is used to specify a style property that
defines a directional embedding or override according to
the Unicode bidirectional algorithm.</p><p>This attribute may be specified by any
element type
@@ -5159,7 +5227,7 @@
</td></tr></tbody></table><div class="note"><p class="prefix"><b>Note:</b></p><p>The semantics of the style property
represented by this attribute are based upon that defined by <a href="#xsl11">[XSL 1.1]</a>,
§ 7.29.6.</p></div></div><div class="div3">
-<h4><a id="style-attribute-visibility"></a>10.2.33 tts:visibility</h4><p>The <code>tts:visibility</code> attribute is used to specify a style property that
+<h4><a id="style-attribute-visibility"></a>10.2.34 tts:visibility</h4><p>The <code>tts:visibility</code> attribute is used to specify a style property that
defines whether generated areas are visible or not when rendered on a visual
presentation medium.</p><p>This attribute may be specified by any
element type
@@ -5214,7 +5282,7 @@
</td></tr></tbody></table><div class="note"><p class="prefix"><b>Note:</b></p><p>The semantics of the style property
represented by this attribute are based upon that defined by <a href="#xsl11">[XSL 1.1]</a>,
§ 7.30.17.</p></div></div><div class="div3">
-<h4><a id="style-attribute-wrapOption"></a>10.2.34 tts:wrapOption</h4><p>The <code>tts:wrapOption</code> attribute is used to specify a style property that
+<h4><a id="style-attribute-wrapOption"></a>10.2.35 tts:wrapOption</h4><p>The <code>tts:wrapOption</code> attribute is used to specify a style property that
defines whether or not automatic line wrapping (breaking) applies within the context of
the affected element.</p><p>This attribute may be specified by any
element type
@@ -5248,7 +5316,7 @@
</td></tr></tbody></table><p></p><a id="style-attribute-wrapOption-example-1-images"></a><table class="example-images"><caption>Example Rendition – Wrap Option</caption><tbody><tr><td><img src="images/wrapOption.png" alt="TTML wrapOption style property"></td></tr></tbody></table><div class="note"><p class="prefix"><b>Note:</b></p><p>The semantics of the style property
represented by this attribute are based upon that defined by <a href="#xsl11">[XSL 1.1]</a>,
§ 7.16.13.</p></div></div><div class="div3">
-<h4><a id="style-attribute-writingMode"></a>10.2.35 tts:writingMode</h4><p>The <code>tts:writingMode</code> attribute is used to specify a style property that
+<h4><a id="style-attribute-writingMode"></a>10.2.36 tts:writingMode</h4><p>The <code>tts:writingMode</code> attribute is used to specify a style property that
defines the block and inline progression directions to be used for the purpose of
stacking block and inline areas within a region area.</p><p>This attribute may be specified by any
element type
@@ -5299,7 +5367,7 @@
the Latin script.</p></div><div class="note"><p class="prefix"><b>Note:</b></p><p>The semantics of the style property
represented by this attribute are based upon that defined by <a href="#xsl11">[XSL 1.1]</a>,
§ 7.29.7.</p></div></div><div class="div3">
-<h4><a id="style-attribute-zIndex"></a>10.2.36 tts:zIndex</h4><p>The <code>tts:zIndex</code> attribute is used to specify a style property that
+<h4><a id="style-attribute-zIndex"></a>10.2.37 tts:zIndex</h4><p>The <code>tts:zIndex</code> attribute is used to specify a style property that
defines the front-to-back ordering of region areas in the case that they overlap.</p><p>This attribute may be specified by any
element type
that permits use of attributes in the TT Style Namespace; however, this attribute applies
@@ -5374,7 +5442,7 @@
</td></tr></tbody></table><p></p><p></p><a id="style-attribute-zIndex-example-1-images"></a><table class="example-images"><caption>Example Rendition – Z Index</caption><tbody><tr><td><img src="images/zIndex.png" alt="TTML zIndex style property"></td></tr></tbody></table><div class="note"><p class="prefix"><b>Note:</b></p><p>The semantics of the style property
represented by this attribute are based upon that defined by <a href="#xsl11">[XSL 1.1]</a>,
§ 7.30.18.</p></div></div></div><div class="div2">
-<h3><a id="styling-style-value-expressions"></a>10.3 Style Value Expressions</h3><p>Style property values include the use of the following expressions:</p><ul><li><p><a href="#style-value-alpha"><b>10.3.1 <alpha></b></a></p></li><li><p><a href="#style-value-border-color"><b>10.3.2 <border-color></b></a></p></li><li><p><a href="#style-value-border-style"><b>10.3.3 <border-style></b></a></p></li><li><p><a href="#style-value-border-width"><b>10.3.4 <border-width></b></a></p></li><li><p><a href="#style-value-color"><b>10.3.5 <color></b></a></p></li><li><p><a href="#style-value-digit"><b>10.3.6 <digit></b></a></p></li><li><p><a href="#style-value-familyName"><b>10.3.8 <familyName></b></a></p></li><li><p><a href="#style-value-genericFamilyName"><b>10.3.9 <genericFamilyName></b></a></p></li><li><p><a href="#style-value-hexDigit"><b>10.3.10 <hexDigit></b></a></p></li><li><p><a href="#style-value-integer"><b>10.3.11 <integer></b></a></p></li><li><p><a href="#style-value-length"><b>10.3.12 <length></b></a></p></li><li><p><a href="#style-value-namedColor"><b>10.3.13 <namedColor></b></a></p></li></ul><p>In the syntax representations defined in this section, no
+<h3><a id="styling-style-value-expressions"></a>10.3 Style Value Expressions</h3><p>Style property values include the use of the following expressions:</p><ul><li><p><a href="#style-value-alpha"><b>10.3.1 <alpha></b></a></p></li><li><p><a href="#style-value-borderColor"><b>10.3.2 <borderColor></b></a></p></li><li><p><a href="#style-value-borderStyle"><b>10.3.3 <borderStyle></b></a></p></li><li><p><a href="#style-value-borderWidth"><b>10.3.4 <borderWidth></b></a></p></li><li><p><a href="#style-value-color"><b>10.3.5 <color></b></a></p></li><li><p><a href="#style-value-digit"><b>10.3.6 <digit></b></a></p></li><li><p><a href="#style-value-familyName"><b>10.3.7 <familyName></b></a></p></li><li><p><a href="#style-value-genericFamilyName"><b>10.3.8 <genericFamilyName></b></a></p></li><li><p><a href="#style-value-hexDigit"><b>10.3.9 <hexDigit></b></a></p></li><li><p><a href="#style-value-integer"><b>10.3.10 <integer></b></a></p></li><li><p><a href="#style-value-length"><b>10.3.11 <length></b></a></p></li><li><p><a href="#style-value-namedColor"><b>10.3.12 <namedColor></b></a></p></li><li><p><a href="#style-value-position"><b>10.3.13 <position></b></a></p></li></ul><p>In the syntax representations defined in this section, no
linear whitespace (LWSP) is implied or permitted between tokens
unless explicitly specified.</p><div class="div3">
<h4><a id="style-value-alpha"></a>10.3.1 <alpha></h4><p>An <alpha> expression is used to express an opacity value,
@@ -5395,17 +5463,17 @@
closest supported value.</p><div class="note"><p class="prefix"><b>Note:</b></p><p>In this context, the phrase <em>closest supported value</em> means the value for which the Euclidean distance between
the computed opacity and the supported opacity is minimized. If there are multiple closest supported values equally distant from
the computed value, then the value most distant from 0, i.e., the greatest opacity, is used.</p></div></div><div class="div3">
-<h4><a id="style-value-border-color"></a>10.3.2 <border-color></h4><p>A <border-color> expression is used to express the color of one
-or more borders.</p><a id="border-color-style-expression-syntax"></a><table class="syntax"><caption>Syntax Representation – <border-color></caption><tbody><tr><td>
-<div class="exampleInner"><pre>
-<border-color>
+<h4><a id="style-value-borderColor"></a>10.3.2 <borderColor></h4><p>A <borderColor> expression is used to express the color of one
+or more borders.</p><a id="borderColor-style-expression-syntax"></a><table class="syntax"><caption>Syntax Representation – <borderColor></caption><tbody><tr><td>
+<div class="exampleInner"><pre>
+<borderColor>
: <a href="#style-value-color"><color></a>
</pre></div>
</td></tr></tbody></table></div><div class="div3">
-<h4><a id="style-value-border-style"></a>10.3.3 <border-style></h4><p>A <border-style> expression is used to express the style of one
-or more borders.</p><a id="border-style-style-expression-syntax"></a><table class="syntax"><caption>Syntax Representation – <border-style></caption><tbody><tr><td>
-<div class="exampleInner"><pre>
-<border-style>
+<h4><a id="style-value-borderStyle"></a>10.3.3 <borderStyle></h4><p>A <borderStyle> expression is used to express the style of one
+or more borders.</p><a id="borderStyle-style-expression-syntax"></a><table class="syntax"><caption>Syntax Representation – <borderStyle></caption><tbody><tr><td>
+<div class="exampleInner"><pre>
+<borderStyle>
: none
| dotted
| dashed
@@ -5416,10 +5484,10 @@
to be implementation dependent.</p><p>If an implementation does not recognize or otherwise distinguish one of these border style values, then
it must be interpreted as if a style of <code>solid</code> were specified; however, an implementation that
supports borders must minimally support the <code>none</code> and <code>solid</code> values.</p></div><div class="div3">
-<h4><a id="style-value-border-width"></a>10.3.4 <border-width></h4><p>A <border-width> expression is used to express the width of one
-or more borders.</p><a id="border-width-style-expression-syntax"></a><table class="syntax"><caption>Syntax Representation – <border-width></caption><tbody><tr><td>
-<div class="exampleInner"><pre>
-<border-width>
+<h4><a id="style-value-borderWidth"></a>10.3.4 <borderWidth></h4><p>A <borderWidth> expression is used to express the width of one
+or more borders.</p><a id="borderWidth-style-expression-syntax"></a><table class="syntax"><caption>Syntax Representation – <borderWidth></caption><tbody><tr><td>
+<div class="exampleInner"><pre>
+<borderWidth>
: thin
| medium
| thick
@@ -5477,10 +5545,7 @@
: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9"
</pre></div>
</td></tr></tbody></table></div><div class="div3">
-<h4><a id="style-value-duration"></a>10.3.7 <duration></h4><p><em>This section is non-normative.</em></p><div class="note"><p class="prefix"><b>Note:</b></p><p>The information from this section has been removed due to lack of any normative
-use within this specification. This section is retained in its empty form
-in order to prevent section renumbering.</p></div></div><div class="div3">
-<h4><a id="style-value-familyName"></a>10.3.8 <familyName></h4><p>A <familyName> expression specifies a font family name.</p><a id="familyName-style-expression-syntax"></a><table class="syntax"><caption>Syntax Representation – <familyName></caption><tbody><tr><td>
+<h4><a id="style-value-familyName"></a>10.3.7 <familyName></h4><p>A <familyName> expression specifies a font family name.</p><a id="familyName-style-expression-syntax"></a><table class="syntax"><caption>Syntax Representation – <familyName></caption><tbody><tr><td>
<div class="exampleInner"><pre>
<familyName>
: unquoted-string
@@ -5536,7 +5601,7 @@
or CSS parser. In particular, a backslash followed by a newline is ignored by CSS, while it is not
ignored by the above syntax. Such an unignored escaped newline would need to be represented using
an equivalent <code>{unicode}</code> escape, such as <code>\a</code>, to order to express in CSS.</p></div></div><div class="div3">
-<h4><a id="style-value-genericFamilyName"></a>10.3.9 <genericFamilyName></h4><p>A <genericFamilyName> expression specifies a font family using a general
+<h4><a id="style-value-genericFamilyName"></a>10.3.8 <genericFamilyName></h4><p>A <genericFamilyName> expression specifies a font family using a general
token that indicates a class of font families.</p><p>The resolution of a generic family name to a concrete font instance is considered to
be implementation dependent, both in the case of content authoring and content interpretation.</p><a id="genericFamilyName-style-expression-syntax"></a><table class="syntax"><caption>Syntax Representation – <genericFamilyName></caption><tbody><tr><td>
<div class="exampleInner"><pre>
@@ -5561,7 +5626,7 @@
an initial value), then its typographic characteristics are considered to be implementation
dependent; however, it is recommended that this default font family be mapped to
an monospaced, sans-serif font.</p></div><div class="div3">
-<h4><a id="style-value-hexDigit"></a>10.3.10 <hexDigit></h4><p>A <hexDigit> is used to express integers and other types of numbers or tokens
+<h4><a id="style-value-hexDigit"></a>10.3.9 <hexDigit></h4><p>A <hexDigit> is used to express integers and other types of numbers or tokens
that employ base 16 arithmetic.</p><p>For the purpose of parsing, a distinction must not be made between lower and upper case.</p><a id="hexDigit-style-expression-syntax"></a><table class="syntax"><caption>Syntax Representation – <hexDigit></caption><tbody><tr><td>
<div class="exampleInner"><pre>
<hexDigit>
@@ -5570,13 +5635,13 @@
| "A" | "B" | "C" | "D" | "E" | "F"
</pre></div>
</td></tr></tbody></table></div><div class="div3">
-<h4><a id="style-value-integer"></a>10.3.11 <integer></h4><p>An <integer> expression is used to express an arbitrary, signed integral value.</p><a id="integer-style-expression-syntax"></a><table class="syntax"><caption>Syntax Representation – <integer></caption><tbody><tr><td>
+<h4><a id="style-value-integer"></a>10.3.10 <integer></h4><p>An <integer> expression is used to express an arbitrary, signed integral value.</p><a id="integer-style-expression-syntax"></a><table class="syntax"><caption>Syntax Representation – <integer></caption><tbody><tr><td>
<div class="exampleInner"><pre>
<integer>
: ( "+" | "-" )? <a href="#style-value-digit"><digit></a>+
</pre></div>
</td></tr></tbody></table></div><div class="div3">
-<h4><a id="style-value-length"></a>10.3.12 <length></h4><p>A <length> expression is used to express either a coordinate component of point
+<h4><a id="style-value-length"></a>10.3.11 <length></h4><p>A <length> expression is used to express either a coordinate component of point
in a cartesian space or a distance between two points in a cartesian space.</p><a id="length-style-expression-syntax"></a><table class="syntax"><caption>Syntax Representation – <length></caption><tbody><tr><td>
<div class="exampleInner"><pre>
<length>
@@ -5633,7 +5698,7 @@
the minimum and maxium of <code>vw</code> and <code>vh</code>, respectively. For example,
the length <code>25vmin</code> is interpreted as the minimum of 25% of the width and
25% of the height of the <a href="#terms-root-container-region">root container region</a>.</p></div><div class="div3">
-<h4><a id="style-value-namedColor"></a>10.3.13 <namedColor></h4><p>A <namedColor> is used to express an RGBA color with a convenient name, and where the applicable color space is
+<h4><a id="style-value-namedColor"></a>10.3.12 <namedColor></h4><p>A <namedColor> is used to express an RGBA color with a convenient name, and where the applicable color space is
defined by <a href="#srgb">[SRGB]</a>.</p><p>For the purpose of parsing, a distinction must not be made between lower and upper case.</p><a id="namedColor-style-expression-syntax"></a><table class="syntax"><caption>Syntax Representation – <namedColor></caption><tbody><tr><td>
<div class="exampleInner"><pre>
<namedColor>
@@ -5659,12 +5724,61 @@
</pre></div>
</td></tr></tbody></table><div class="note"><p class="prefix"><b>Note:</b></p><p>Except for <code>transparent</code>, the set of named colors specified above constitutes a proper
subset of the set of named colors specified by <a href="#svg11">[SVG 1.1]</a>, § 4.2.</p></div></div><div class="div3">
-<h4><a id="style-value-quotedString"></a>10.3.14 <quotedString></h4><p><em>This section is non-normative.</em></p><div class="note"><p class="prefix"><b>Note:</b></p><p>The information from this section has been incorporated into
-<a href="#style-value-familyName"><b>10.3.8 <familyName></b></a>. This section is retained in its empty form
-in order to prevent section renumbering.</p></div></div><div class="div3">
-<h4><a id="style-value-string"></a>10.3.15 <string></h4><p><em>This section is non-normative.</em></p><div class="note"><p class="prefix"><b>Note:</b></p><p>The information from this section has been incorporated into
-<a href="#style-value-familyName"><b>10.3.8 <familyName></b></a>. This section is retained in its empty form
-in order to prevent section renumbering.</p></div></div></div><div class="div2">
+<h4><a id="style-value-position"></a>10.3.13 <position></h4><p>A <position> expression is used to indirectly determine the origin of an area or an image with respect to a reference area.</p><a id="position-style-expression-syntax"></a><table class="syntax"><caption>Syntax Representation – <position></caption><tbody><tr><td>
+<div class="exampleInner"><pre>
+<position>
+ : offset-position-h // single component value
+ | offset-position-v // single component value
+ | offset-position-h offset-position-v // two component values
+ | position-keyword-h edge-offset-v // three component values
+ | position-keyword-v edge-offset-h // three component values
+ | edge-offset-h position-keyword-v // three component values
+ | edge-offset-v position-keyword-h // three component values
+ | edge-offset-h edge-offset-v // four component values
+ | edge-offset-v edge-offset-h // four component values
+
+offset-position-h
+ : position-keyword-h
+ | <a href="#style-value-length"><length></a>
+
+offset-position-v
+ : position-keyword-v
+ | <a href="#style-value-length"><length></a>
+
+edge-offset-h
+ : edge-keyword-h <a href="#style-value-length"><length></a>
+
+edge-offset-v
+ : edge-keyword-v <a href="#style-value-length"><length></a>
+
+position-keyword-h
+ : center
+ | edge-keyword-h
+
+position-keyword-v
+ : center
+ | edge-keyword-v
+
+edge-keyword-h
+ : left
+ | right
+
+edge-keyword-v
+ : top
+ | bottom
+</pre></div>
+</td></tr></tbody></table><p>A <position> expression may consist of one to four component values as follows:</p><dl><dt class="label">one component</dt><dd><p>either a horizontal offset (<code>offset-position-h</code>) or a vertical offset (<code>offset-position-v</code>)</p></dd><dt class="label">two components</dt><dd><p>a horizontal offset (<code>offset-position-h</code>) followed by a vertical offset (<code>offset-position-v</code>)</p></dd><dt class="label">three components</dt><dd><p>a horizontal edge offset (<code>edge-offset-position-h</code>) and a vertical edge offset (<code>edge-offset-position-v</code>), in any order, where one offset is a keyword and the other offset is a keyword <a href="#style-value-length"><length></a> pair</p></dd><dt class="label">four components</dt><dd><p>a horizontal edge offset (<code>edge-offset-position-h</code>) and a vertical edge offset (<code>edge-offset-position-v</code>), in any order, where both offsets are keyword <a href="#style-value-length"><length></a> pairs</p></dd></dl><p>Every <position> expression can be translated to a four component equivalent of the form
+<code>left <a href="#style-value-length"><length></a> top <a href="#style-value-length"><length></a></code> by means of the following
+equivalence tables:</p><a id="position-expression-one-component-equivalents"></a><table class="common"><caption>One Component Equivalents</caption><col width="25%" span="1"><col width="25%" span="1"><tbody><tr><th>Value</th><th>Equivalent</th></tr><tr><td><code>center</code></td><td><code>center center</code></td></tr><tr><td><code>left</code></td><td><code>left center</code></td></tr><tr><td><code>right</code></td><td><code>right center</code></td></tr><tr><td><code>top</code></td><td><code>center top</code></td></tr><tr><td><code>bottom</code></td><td><code>center bottom</code></td></tr><tr><td><code><a href="#style-value-length"><length></a></code></td><td><code><a href="#style-value-length"><length></a> center</code></td></tr></tbody></table><p></p><a id="position-expression-two-component-equivalents"></a><table class="common"><caption>Two Component Equivalents</caption><col width="25%" span="1"><col width="25%" span="1"><tbody><tr><th>Value</th><th>Equivalent</th></tr><tr><td><code>center center</code></td><td><code>left 50% top 50%</code></td></tr><tr><td><code>center top</code></td><td><code>left 50% top 0%</code></td></tr><tr><td><code>center bottom</code></td><td><code>left 50% top 100%</code></td></tr><tr><td><code>center <a href="#style-value-length"><length></a></code></td><td><code>left 50% top <a href="#style-value-length"><length></a></code></td></tr><tr><td><code>left center</code></td><td><code>left 0% top 50%</code></td></tr><tr><td><code>left top</code></td><td><code>left 0% top 0%</code></td></tr><tr><td><code>left bottom</code></td><td><code>left 0% top 100%</code></td></tr><tr><td><code>left <a href="#style-value-length"><length></a></code></td><td><code>left 0% top <a href="#style-value-length"><length></a></code></td></tr><tr><td><code>right center</code></td><td><code>left 100% top 50%</code></td></tr><tr><td><code>right top</code></td><td><code>left 100% top 0%</code></td></tr><tr><td><code>right bottom</code></td><td><code>left 100% top 100%</code></td></tr><tr><td><code>right <a href="#style-value-length"><length></a></code></td><td><code>left 100% top <a href="#style-value-length"><length></a></code></td></tr><tr><td><code><a href="#style-value-length"><length></a> center</code></td><td><code>left <a href="#style-value-length"><length></a> top 50%</code></td></tr><tr><td><code><a href="#style-value-length"><length></a> top</code></td><td><code>left <a href="#style-value-length"><length></a> top 0%</code></td></tr><tr><td><code><a href="#style-value-length"><length></a> bottom</code></td><td><code>left <a href="#style-value-length"><length></a> top 100%</code></td></tr><tr><td><code><a href="#style-value-length"><length></a> <a href="#style-value-length"><length></a></code></td><td><code>left <a href="#style-value-length"><length></a> top <a href="#style-value-length"><length></a></code></td></tr></tbody></table><p></p><a id="position-expression-three-component-equivalents"></a><table class="common"><caption>Three Component Equivalents</caption><col width="25%" span="1"><col width="25%" span="1"><tbody><tr><th>Value</th><th>Equivalent</th></tr><tr><td><code>bottom left <a href="#style-value-length"><length></a></code></td><td><code>left <a href="#style-value-length"><length></a> top 100%</code></td></tr><tr><td><code>bottom right <a href="#style-value-length"><length></a></code></td><td><code>right <a href="#style-value-length"><length></a> top 100%</code></td></tr><tr><td><code>bottom <a href="#style-value-length"><length></a> center</code></td><td><code>left 50% bottom <a href="#style-value-length"><length></a></code></td></tr><tr><td><code>bottom <a href="#style-value-length"><length></a> left</code></td><td><code>left 0% bottom <a href="#style-value-length"><length></a></code></td></tr><tr><td><code>bottom <a href="#style-value-length"><length></a> right</code></td><td><code>left 100% bottom <a href="#style-value-length"><length></a></code></td></tr><tr><td><code>center bottom <a href="#style-value-length"><length></a></code></td><td><code>left 50% bottom <a href="#style-value-length"><length></a></code></td></tr><tr><td><code>center left <a href="#style-value-length"><length></a></code></td><td><code>left <a href="#style-value-length"><length></a> top 50%</code></td></tr><tr><td><code>center right <a href="#style-value-length"><length></a></code></td><td><code>right <a href="#style-value-length"><length></a> top 50%</code></td></tr><tr><td><code>center top <a href="#style-value-length"><length></a></code></td><td><code>left 50% top <a href="#style-value-length"><length></a></code></td></tr><tr><td><code>left bottom <a href="#style-value-length"><length></a></code></td><td><code>left 0% bottom <a href="#style-value-length"><length></a></code></td></tr><tr><td><code>left top <a href="#style-value-length"><length></a></code></td><td><code>left 0% top <a href="#style-value-length"><length></a></code></td></tr><tr><td><code>left <a href="#style-value-length"><length></a> bottom</code></td><td><code>left <a href="#style-value-length"><length></a> top 100%</code></td></tr><tr><td><code>left <a href="#style-value-length"><length></a> center</code></td><td><code>left <a href="#style-value-length"><length></a> top 50%</code></td></tr><tr><td><code>left <a href="#style-value-length"><length></a> top</code></td><td><code>left <a href="#style-value-length"><length></a> top 0%</code></td></tr><tr><td><code>right bottom <a href="#style-value-length"><length></a></code></td><td><code>left 100% bottom <a href="#style-value-length"><length></a></code></td></tr><tr><td><code>right top <a href="#style-value-length"><length></a></code></td><td><code>left 100% top <a href="#style-value-length"><length></a></code></td></tr><tr><td><code>right <a href="#style-value-length"><length></a> bottom</code></td><td><code>right <a href="#style-value-length"><length></a> top 100%</code></td></tr><tr><td><code>right <a href="#style-value-length"><length></a> center</code></td><td><code>right <a href="#style-value-length"><length></a> top 50%</code></td></tr><tr><td><code>right <a href="#style-value-length"><length></a> top</code></td><td><code>right <a href="#style-value-length"><length></a> top 0%</code></td></tr><tr><td><code>top left <a href="#style-value-length"><length></a></code></td><td><code>left <a href="#style-value-length"><length></a> top 0%</code></td></tr><tr><td><code>top right <a href="#style-value-length"><length></a></code></td><td><code>right <a href="#style-value-length"><length></a> top 0%</code></td></tr><tr><td><code>top <a href="#style-value-length"><length></a> center</code></td><td><code>left 50% top <a href="#style-value-length"><length></a></code></td></tr><tr><td><code>top <a href="#style-value-length"><length></a> left</code></td><td><code>left 100% top <a href="#style-value-length"><length></a></code></td></tr><tr><td><code>top <a href="#style-value-length"><length></a> right</code></td><td><code>left 100% top <a href="#style-value-length"><length></a></code></td></tr></tbody></table><p></p><a id="position-expression-four-component-equivalents"></a><table class="common"><caption>Four Component Equivalents</caption><col width="25%" span="1"><col width="25%" span="1"><tbody><tr><th>Value</th><th>Equivalent</th></tr><tr><td><code>bottom <a href="#style-value-length"><length-v></a> left <a href="#style-value-length"><length-h></a></code></td><td><code>left <a href="#style-value-length"><length-h></a> top (100% - <a href="#style-value-length"><length-v></a>)</code></td></tr><tr><td><code>bottom <a href="#style-value-length"><length-v></a> right <a href="#style-value-length"><length-h></a></code></td><td><code>left (100% - <a href="#style-value-length"><length-h></a>) top (100% - <a href="#style-value-length"><length-v></a>)</code></td></tr><tr><td><code>left <a href="#style-value-length"><length-h></a> bottom <a href="#style-value-length"><length-v></a></code></td><td><code>left <a href="#style-value-length"><length-h></a> top (100% - <a href="#style-value-length"><length-v></a>)</code></td></tr><tr><td><code>right <a href="#style-value-length"><length-h></a> bottom <a href="#style-value-length"><length-v></a></code></td><td><code>left (100% - <a href="#style-value-length"><length-h></a>) top (100% - <a href="#style-value-length"><length-v></a>)</code></td></tr><tr><td><code>right <a href="#style-value-length"><length-h></a> top <a href="#style-value-length"><length-v></a></code></td><td><code>left (100% - <a href="#style-value-length"><length-h></a>) top <a href="#style-value-length"><length-v></a></code></td></tr><tr><td><code>top <a href="#style-value-length"><length-v></a> left <a href="#style-value-length"><length-h></a></code></td><td><code>left <a href="#style-value-length"><length-h></a> top <a href="#style-value-length"><length-v></a></code></td></tr><tr><td><code>top <a href="#style-value-length"><length-v></a> right <a href="#style-value-length"><length-h></a></code></td><td><code>left (100% - <a href="#style-value-length"><length-h></a>) top <a href="#style-value-length"><length-v></a></code></td></tr></tbody></table><p>If a <a href="#style-value-length"><length></a> component is expressed as a percentage, then that percentage is interpreted in relation to
+some reference dimension, where the reference dimension is defined by the context of use.</p><p>A <a href="#style-value-length"><length></a> component of a <position> expression may be positive or negative. Positive lengths are interpreted as
+insets from the referenced edge, while negative lengths are interpreted as outsets from the referenced edge. For example, an inset from the <code>left</code>
+edge is located to the right of that edge (if non-zero), while an outset from the <code>left</code> edge is located to the left of that edge (if non-zero). In
+contrast, an inset from the <code>right</code> edge is located to the left of that edge (if non-zero), while an outset from the <code>right</code> edge
+is located to the right of that edge (if non-zero). A similar arrangement holds for <code>top</code> and <code>bottom</code> edges.</p><p>When performing four component equivalent conversion, the expression <code>(100% - <a href="#style-value-length"><length-h></a>)</code>
+is to be interpreted as the difference between 100% and the percentage equivalent of the <a href="#style-value-length"><length-h></a>
+expression. Similarly, the expression <code>(100% - <a href="#style-value-length"><length-v></a>)</code>
+is to be interpreted as the difference between 100% and the percentage equivalent of the <a href="#style-value-length"><length-v></a> expression.
+In both cases, the resulting difference may be a negative percentage.</p></div></div><div class="div2">
<h3><a id="semantics-style-resolution"></a>10.4 Style Resolution</h3><p>This section defines the semantics of style resolution in terms of
a standard processing model as follows:</p><ul><li><p><a href="#semantics-style-association"><b>10.4.1 Style Association</b></a></p></li><li><p><a href="#semantics-style-inheritance"><b>10.4.2 Style Inheritance</b></a></p></li><li><p><a href="#semantics-style-resolution-value-categories"><b>10.4.3 Style Resolution Value Categories</b></a></p></li><li><p><a href="#semantics-style-resolution-processing"><b>10.4.4 Style Resolution Processing</b></a></p></li></ul><p>Any implementation of this model is permitted provided that the
externally observable results are consistent with the results produced
@@ -5745,7 +5859,7 @@
specified style set of each content and
layout element.</p><p>Styles are further propagated to content matter
using:
-</p><ul><li><p><a href="#semantics-style-inheritance-content">content style inheritance</a></p></li><li><p><a href="#semantics-style-inheritance-content">region style inheritance</a></p></li><li><p><a href="#semantics-style-inheritance-content">root style inheritance</a></p></li></ul><p>For the purpose of determining inherited styles, the element hierarchy of
+</p><ul><li><p><a href="#semantics-style-inheritance-content">content style inheritance</a></p></li><li><p><a href="#semantics-style-inheritance-region">region style inheritance</a></p></li><li><p><a href="#semantics-style-inheritance-root">root style inheritance</a></p></li></ul><p>For the purpose of determining inherited styles, the element hierarchy of
an intermediate synchronic document form of a <a href="#terms-document-instance">document instance</a> must be used, where
such intermediate forms are defined by <a href="#semantics-region-layout-step-1"><b>11.3.3 Intermediate Synchronic Document Construction</b></a>.</p><div class="note"><p class="prefix"><b>Note:</b></p><p>The intermediate synchronic document form is utilized rather than
the original form in order to facilitate region inheritance
@@ -6110,7 +6224,11 @@
the temporal context of their parent <a href="#terms-content-element">content elements</a>,
and, as such, do not require (or admit) the specification of independent timing.</p></div><p>If no <code>timeContainer</code> attribute is specified on
a <code>region</code> element, then it must be interpreted as having
-<em>parallel</em> time containment semantics.</p><p>If a <a href="#metadata-attribute-role"><code>ttm:role</code></a> attribute is
+<em>parallel</em> time containment semantics.</p><p>If both <a href="#style-attribute-origin"><code>tts:origin</code></a> and <a href="#style-attribute-position"><code>tts:position</code></a> attributes are present
+on a <code>region</code> element, then the <a href="#style-attribute-origin"><code>tts:origin</code></a> must be ignored for the purpose of presentation processing.
+If neither <a href="#style-attribute-origin"><code>tts:origin</code></a> nor <a href="#style-attribute-position"><code>tts:position</code></a> attribute is present and
+if the computed value of the the <a href="#parameter-attribute-version"><code>ttp:version</code></a> attribute on the root <code>tt</code> element is two (2) or greater, then
+the semantics of the initial value of the <a href="#style-attribute-position"><code>tts:position</code></a> attribute apply for the purpose of presentation processing; otherwise, the semantics of the initial value of the <a href="#style-attribute-origin"><code>tts:origin</code></a> attribute apply.</p><p>If a <a href="#metadata-attribute-role"><code>ttm:role</code></a> attribute is
specified on a <code>region</code> element, then it must adhere to the
value syntax defined by <a href="#metadata-attribute-role-syntax"><b>Syntax Representation – ttm:role</b></a>, and where the roles identified
by this attribute express the semantic roles of the region
@@ -7774,7 +7892,7 @@
</pre></div><p>All values of <code>feature-designation</code> not defined by this specification are reserved
for future standardization.</p><p>The following sub-sections define all feature designations, expressed
as relative URIs (fragment identifiers) with respect to the
-TT Feature Namespace base URI.</p><table border="1" class="ednote" summary="Editorial note: #animation subset features"><tr class="ednote-r1"><td align="left" valign="top"><b>Editorial note: #animation subset features</b></td><td align="right" valign="top">2013-08-26</td></tr><tr class="ednote-r2"><td colspan="2" align="left" valign="top">Add fine grained subset features of #animation.</td></tr></table><p></p><table border="1" class="ednote" summary="Editorial note: #inline-region features"><tr class="ednote-r1"><td align="left" valign="top"><b>Editorial note: #inline-region features</b></td><td align="right" valign="top">2014-03-27</td></tr><tr class="ednote-r2"><td colspan="2" align="left" valign="top">Add feature(s) associated with support for explicit and implied inline regions.</td></tr></table><p></p><table border="1" class="ednote" summary="Editorial note: New style property features"><tr class="ednote-r1"><td align="left" valign="top"><b>Editorial note: New style property features</b></td><td align="right" valign="top">2014-10-02</td></tr><tr class="ednote-r2"><td colspan="2" align="left" valign="top">Add features to cover new style properties: border, fontVariantPosition, ruby, rubyAlign, rubyOffset, rubyPosition, textOrientation, etc.</td></tr></table><div class="div3">
+TT Feature Namespace base URI.</p><table border="1" class="ednote" summary="Editorial note: #animation subset features"><tr class="ednote-r1"><td align="left" valign="top"><b>Editorial note: #animation subset features</b></td><td align="right" valign="top">2013-08-26</td></tr><tr class="ednote-r2"><td colspan="2" align="left" valign="top">Add fine grained subset features of #animation.</td></tr></table><p></p><table border="1" class="ednote" summary="Editorial note: #inline-region features"><tr class="ednote-r1"><td align="left" valign="top"><b>Editorial note: #inline-region features</b></td><td align="right" valign="top">2014-03-27</td></tr><tr class="ednote-r2"><td colspan="2" align="left" valign="top">Add feature(s) associated with support for explicit and implied inline regions.</td></tr></table><p></p><table border="1" class="ednote" summary="Editorial note: New style property features"><tr class="ednote-r1"><td align="left" valign="top"><b>Editorial note: New style property features</b></td><td align="right" valign="top">2014-10-02</td></tr><tr class="ednote-r2"><td colspan="2" align="left" valign="top">Add features to cover new style properties: border, fontVariantPosition, ruby, rubyAlign, rubyOffset, rubyPosition, textOrientation, etc.</td></tr></table><p></p><table border="1" class="ednote" summary="Editorial note: New embedded content features"><tr class="ednote-r1"><td align="left" valign="top"><b>Editorial note: New embedded content features</b></td><td align="right" valign="top">2014-11-27</td></tr><tr class="ednote-r2"><td colspan="2" align="left" valign="top">Add features to cover new embedded content features: audio, data, font, image, etc.</td></tr></table><div class="div3">
<h4><a id="feature-animation"></a>D.1.1 #animation</h4><p>A TTML <a href="#terms-transformation-processor">transformation processor</a> supports the <code>#animation</code>
feature if it recognizes and is capable of transforming the following
vocabulary defined by <a href="#animation"><b>13 Animation</b></a>:</p><ul><li><p><a href="#animation-vocabulary-animation"><code>animation</code></a></p></li><li><p><a href="#animation-vocabulary-animate"><code>animate</code></a></p></li><li><p><a href="#animation-vocabulary-set"><code>set</code></a></p></li></ul><p>A TTML <a href="#terms-presentation-processor">presentation processor</a> supports the <code>#animation</code>
@@ -9303,14 +9421,17 @@
CEA-708-D,
<a href="http://www.ce.org/"><cite>Digital Television (DTV) Closed Captioning</cite></a>, CEA Standard,
Consumer Electronics Association (CEA).
+</dd><dt class="label"><a id="css3-bb"></a>CSS Backgrounds and Borders</dt><dd>Bert Bos, Elika Etamad and Brad Kemper,
+<a href="http://dev.w3.org/csswg/css3-background/"><cite>CSS Backgrounds and Borders Module Level 3</cite></a>, W3C Editor's Draft. (See
+<a href="http://dev.w3.org/csswg/css3-background/">http://dev.w3.org/csswg/css-backgrounds/</a>.)
+</dd><dt class="label"><a id="css3-fonts"></a>CSS Fonts</dt><dd>John Daggett,
+<a href="http://dev.w3.org/csswg/css-fonts/"><cite>CSS Fonts Module Level 3</cite></a>, W3C Editor's Draft. (See
+<a href="http://dev.w3.org/csswg/css-fonts/">http://dev.w3.org/csswg/css-fonts/</a>.)
</dd><dt class="label"><a id="cssruby"></a>CSS Ruby</dt><dd>Elika Etemad and Koji Ishii,
<a href="http://dev.w3.org/csswg/css-ruby-1/"><cite>CSS Ruby Layout Module Level 1</cite></a>
W3C Editor's Draft.
(See <a href="http://dev.w3.org/csswg/css-ruby-1/">http://dev.w3.org/csswg/css-ruby-1/</a>.)
-</dd><dt class="label"><a id="css3-fonts"></a>CSS Fonts Module Level 3</dt><dd>John Daggett,
-<a href="http://dev.w3.org/csswg/css-fonts/"><cite>CSS Fonts Module Level 3</cite></a>, W3C Editor's Draft. (See
-<a href="http://dev.w3.org/csswg/css-fonts/">http://dev.w3.org/csswg/css-fonts/</a>.)
-</dd><dt class="label"><a id="css3-wm"></a>CSS Writing Modes Level 3</dt><dd>Elika Etamad and Koji Ishii,
+</dd><dt class="label"><a id="css3-wm"></a>CSS Writing Modes</dt><dd>Elika Etamad and Koji Ishii,
<a href="http://dev.w3.org/csswg/css-writing-modes-3/"><cite>CSS Writing Modes Level 3</cite></a>, W3C Editor's Draft. (See
<a href="http://dev.w3.org/csswg/css-writing-modes-3/">http://dev.w3.org/csswg/css-writing-modes-3/</a>.)
</dd><dt class="label"><a id="dcmes"></a>DCMES 1.1</dt><dd>Dublin Core Metadata Initiative,
@@ -9377,7 +9498,7 @@
<h2><a id="derivation"></a>J Vocabulary Derivation (Non-Normative)</h2><p>This appendix provides information about the derivation of TTML
vocabulary, separately describing derivation of elements and
attributes.</p><div class="div2">
-<h3><a id="d3e33050"></a>J.1 Element Derivation</h3><p>The first column of <a href="#element-vocab-derivation-table"><b>Table J-1 – Elements</b></a>
+<h3><a id="d3e34136"></a>J.1 Element Derivation</h3><p>The first column of <a href="#element-vocab-derivation-table"><b>Table J-1 – Elements</b></a>
specifies a TTML element vocabulary item; the second column specifies the
syntactic and/or semantic model on which the vocabulary item is based;
the third column specifies the reference that defines
@@ -9434,7 +9555,7 @@
and <code>@version</code> on the <code>svg:svg</code> element.</p></li><li><p>Conceptually derived from existing <code>tt:layout</code> element,
which is a generic container for layout specifications, but for use
in defining animation specifications that apply to targeted elements.</p></li></ol></div></div><div class="div2">
-<h3><a id="d3e33567"></a>J.2 Attribute Derivation</h3><p>The first column of <a href="#attribute-vocab-derivation-table"><b>Table J-2 – Attributes</b></a>
+<h3><a id="d3e34653"></a>J.2 Attribute Derivation</h3><p>The first column of <a href="#attribute-vocab-derivation-table"><b>Table J-2 – Attributes</b></a>
specifies a TTML attribute vocabulary item; the second column specifies the
syntactic and/or semantic model on which the vocabulary item is based;
the third column specifies the reference that defines
@@ -9459,7 +9580,7 @@
-<code>excl</code>,
-<code>none</code>;
no default attribute value
-</td><td>5</td></tr><tr><td><a href="#metadata-attribute-agent"><code>ttm:agent</code></a></td><td><em>none</em></td><td></td><td>used to attribute agent of content</td><td></td></tr><tr><td><a href="#metadata-attribute-role"><code>ttm:role</code></a></td><td><em>none</em></td><td></td><td>used to attribute role of content</td><td></td></tr><tr><td><a href="#parameter-attribute-cellResolution"><code>ttp:cellResolution</code></a></td><td><em>none</em></td><td></td><td>expresses uniform grid resolution for cell based coordinates</td><td></td></tr><tr><td><a href="#parameter-attribute-clockMode"><code>ttp:clockMode</code></a></td><td><em>none</em></td><td></td><td>determines how to interpret time expressions</td><td></td></tr><tr><td><a href="#parameter-attribute-frameRate"><code>ttp:frameRate</code></a></td><td><em>none</em></td><td></td><td>expresses integral frame rate</td><td></td></tr><tr><td><a href="#parameter-attribute-frameRateMultiplier"><code>ttp:frameRateMultiplier</code></a></td><td><em>none</em></td><td></td><td>used to express non-integral, rational frame rates</td><td></td></tr><tr><td><a href="#parameter-attribute-markerMode"><code>ttp:markerMode</code></a></td><td><em>none</em></td><td></td><td>expresses marker continuity semantics</td><td></td></tr><tr><td><a href="#parameter-attribute-pixelAspectRatio"><code>ttp:pixelAspectRatio</code></a></td><td><em>none</em></td><td></td><td>expresses pixel aspect ratio of related media</td><td></td></tr><tr><td><a href="#profile-attribute-profile"><code>ttp:profile</code></a></td><td><em>none</em></td><td></td><td>expresses profile of TTML used by a <a href="#terms-document-instance">document instance</a></td><td></td></tr><tr><td><a href="#parameter-attribute-dropMode"><code>ttp:dropMode</code></a></td><td><em>none</em></td><td></td><td>expresses frame counting (drop) modes</td><td></td></tr><tr><td><a href="#parameter-attribute-subFrameRate"><code>ttp:subFrameRate</code></a></td><td><em>none</em></td><td></td><td>expresses sub-frame rate</td><td></td></tr><tr><td><a href="#parameter-attribute-tickRate"><code>ttp:tickRate</code></a></td><td><em>none</em></td><td></td><td>used to interpret tick based time expressions</td><td></td></tr><tr><td><a href="#parameter-attribute-timeBase"><code>ttp:timeBase</code></a></td><td><em>none</em></td><td></td><td>used to interpret semantics of time expressions</td><td></td></tr><tr><td><a href="#parameter-attribute-version"><code>ttp:version</code></a></td><td><code>version</code></td><td><a href="#svg11">[SVG 1.1]</a></td><td>used only integer values</td><td></td></tr><tr><td><a href="#style-attribute-backgroundColor"><code>tts:backgroundColor</code></a></td><td><code>background-color</code></td><td><a href="#xsl11">[XSL 1.1]</a></td><td>-<code>inherit</code></td><td>1,6</td></tr><tr><td><a href="#style-attribute-border"><code>tts:border</code></a></td><td><code>border</code></td><td><a href="#xsl11">[XSL 1.1]</a></td><td>-<code>inherit</code></td><td>1,6</td></tr><tr><td><a href="#style-attribute-color"><code>tts:color</code></a></td><td><code>color</code></td><td><a href="#xsl11">[XSL 1.1]</a></td><td>-<code>inherit</code></td><td>6</td></tr><tr><td><a href="#style-attribute-direction"><code>tts:direction</code></a></td><td><code>direction</code></td><td><a href="#xsl11">[XSL 1.1]</a></td><td>-<code>inherit</code></td><td></td></tr><tr><td><a href="#style-attribute-display"><code>tts:display</code></a></td><td><code>display</code></td><td><a href="#css2">[CSS2]</a></td><td>only <code>auto</code>, <code>none</code></td><td></td></tr><tr><td><a href="#style-attribute-displayAlign"><code>tts:displayAlign</code></a></td><td><code>display-align</code></td><td><a href="#xsl11">[XSL 1.1]</a></td><td>-<code>inherit</code></td><td>1</td></tr><tr><td><a href="#style-attribute-extent"><code>tts:extent</code></a></td><td><code>width</code>, <code>height</code></td><td><a href="#xsl11">[XSL 1.1]</a></td><td>shorthand property</td><td></td></tr><tr><td><a href="#style-attribute-fontFamily"><code>tts:fontFamily</code></a></td><td><code>font-family</code></td><td><a href="#xsl11">[XSL 1.1]</a></td><td>-<code>inherit</code>, extends generic family names</td><td>1</td></tr><tr><td><a href="#style-attribute-fontSize"><code>tts:fontSize</code></a></td><td><code>font-size</code></td><td><a href="#xsl11">[XSL 1.1]</a></td><td>-<code>inherit</code></td><td>1,7</td></tr><tr><td><a href="#style-attribute-fontStyle"><code>tts:fontStyle</code></a></td><td><code>font-style</code></td><td><a href="#xsl11">[XSL 1.1]</a></td><td>-<code>inherit</code>, -<code>backslant</code></td><td>1</td></tr><tr><td><a href="#style-attribute-fontWeight"><code>tts:fontWeight</code></a></td><td><code>font-weight</code></td><td><a href="#xsl11">[XSL 1.1]</a></td><td>-<code>inherit</code>, -<code>bolder</code>, -<code>lighter</code>, -<code><number></code></td><td>1</td></tr><tr><td><a href="#style-attribute-lineHeight"><code>tts:lineHeight</code></a></td><td><code>line-height</code></td><td><a href="#xsl11">[XSL 1.1]</a></td><td>-<code>inherit</code>, -<code><number></code>, -<code><space></code></td><td>1</td></tr><tr><td><a href="#style-attribute-opacity"><code>tts:opacity</code></a></td><td><code>opacity</code></td><td><a href="#css3-color">[CSS3 Color]</a></td><td>-<code>inherit</code></td><td></td></tr><tr><td><a href="#style-attribute-origin"><code>tts:origin</code></a></td><td><code>top</code>, <code>left</code></td><td><a href="#xsl11">[XSL 1.1]</a></td><td>shorthand property</td><td></td></tr><tr><td><a href="#style-attribute-overflow"><code>tts:overflow</code></a></td><td><code>overflow</code></td><td><a href="#xsl11">[XSL 1.1]</a></td><td>-<code>inherit</code>, -<code>auto</code>, -<code>error-if-overflow</code></td><td></td></tr><tr><td><a href="#style-attribute-padding"><code>tts:padding</code></a></td><td><code>padding</code></td><td><a href="#xsl11">[XSL 1.1]</a></td><td>-<code>inherit</code></td><td>8</td></tr><tr><td><a href="#style-attribute-showBackground"><code>tts:showBackground</code></a></td><td><code>showBackground</code></td><td><a href="#smil3">[SMIL 3.0]</a></td><td>-<code>inherit</code></td><td></td></tr><tr><td><a href="#style-attribute-textAlign"><code>tts:textAlign</code></a></td><td><code>text-align</code></td><td><a href="#xsl11">[XSL 1.1]</a></td><td>-<code>inherit</code></td><td>1</td></tr><tr><td><a href="#style-attribute-textDecoration"><code>tts:textDecoration</code></a></td><td><code>text-decoration</code></td><td><a href="#xsl11">[XSL 1.1]</a></td><td>-<code>inherit</code></td><td>1,9,12</td></tr><tr><td><a href="#style-attribute-textOrientation"><code>tts:textOrientation</code></a></td><td><code>text-orientation</code></td><td><a href="#css3-wm">[CSS Writing Modes Level 3]</a></td><td>
+</td><td>5</td></tr><tr><td><a href="#metadata-attribute-agent"><code>ttm:agent</code></a></td><td><em>none</em></td><td></td><td>used to attribute agent of content</td><td></td></tr><tr><td><a href="#metadata-attribute-role"><code>ttm:role</code></a></td><td><em>none</em></td><td></td><td>used to attribute role of content</td><td></td></tr><tr><td><a href="#parameter-attribute-cellResolution"><code>ttp:cellResolution</code></a></td><td><em>none</em></td><td></td><td>expresses uniform grid resolution for cell based coordinates</td><td></td></tr><tr><td><a href="#parameter-attribute-clockMode"><code>ttp:clockMode</code></a></td><td><em>none</em></td><td></td><td>determines how to interpret time expressions</td><td></td></tr><tr><td><a href="#parameter-attribute-frameRate"><code>ttp:frameRate</code></a></td><td><em>none</em></td><td></td><td>expresses integral frame rate</td><td></td></tr><tr><td><a href="#parameter-attribute-frameRateMultiplier"><code>ttp:frameRateMultiplier</code></a></td><td><em>none</em></td><td></td><td>used to express non-integral, rational frame rates</td><td></td></tr><tr><td><a href="#parameter-attribute-markerMode"><code>ttp:markerMode</code></a></td><td><em>none</em></td><td></td><td>expresses marker continuity semantics</td><td></td></tr><tr><td><a href="#parameter-attribute-pixelAspectRatio"><code>ttp:pixelAspectRatio</code></a></td><td><em>none</em></td><td></td><td>expresses pixel aspect ratio of related media</td><td></td></tr><tr><td><a href="#profile-attribute-profile"><code>ttp:profile</code></a></td><td><em>none</em></td><td></td><td>expresses profile of TTML used by a <a href="#terms-document-instance">document instance</a></td><td></td></tr><tr><td><a href="#parameter-attribute-dropMode"><code>ttp:dropMode</code></a></td><td><em>none</em></td><td></td><td>expresses frame counting (drop) modes</td><td></td></tr><tr><td><a href="#parameter-attribute-subFrameRate"><code>ttp:subFrameRate</code></a></td><td><em>none</em></td><td></td><td>expresses sub-frame rate</td><td></td></tr><tr><td><a href="#parameter-attribute-tickRate"><code>ttp:tickRate</code></a></td><td><em>none</em></td><td></td><td>used to interpret tick based time expressions</td><td></td></tr><tr><td><a href="#parameter-attribute-timeBase"><code>ttp:timeBase</code></a></td><td><em>none</em></td><td></td><td>used to interpret semantics of time expressions</td><td></td></tr><tr><td><a href="#parameter-attribute-version"><code>ttp:version</code></a></td><td><code>version</code></td><td><a href="#svg11">[SVG 1.1]</a></td><td>used only integer values</td><td></td></tr><tr><td><a href="#style-attribute-backgroundColor"><code>tts:backgroundColor</code></a></td><td><code>background-color</code></td><td><a href="#xsl11">[XSL 1.1]</a></td><td>-<code>inherit</code></td><td>1,6</td></tr><tr><td><a href="#style-attribute-border"><code>tts:border</code></a></td><td><code>border</code></td><td><a href="#xsl11">[XSL 1.1]</a></td><td>-<code>inherit</code></td><td>1,6</td></tr><tr><td><a href="#style-attribute-color"><code>tts:color</code></a></td><td><code>color</code></td><td><a href="#xsl11">[XSL 1.1]</a></td><td>-<code>inherit</code></td><td>6</td></tr><tr><td><a href="#style-attribute-direction"><code>tts:direction</code></a></td><td><code>direction</code></td><td><a href="#xsl11">[XSL 1.1]</a></td><td>-<code>inherit</code></td><td></td></tr><tr><td><a href="#style-attribute-display"><code>tts:display</code></a></td><td><code>display</code></td><td><a href="#css2">[CSS2]</a></td><td>only <code>auto</code>, <code>none</code></td><td></td></tr><tr><td><a href="#style-attribute-displayAlign"><code>tts:displayAlign</code></a></td><td><code>display-align</code></td><td><a href="#xsl11">[XSL 1.1]</a></td><td>-<code>inherit</code></td><td>1</td></tr><tr><td><a href="#style-attribute-extent"><code>tts:extent</code></a></td><td><code>width</code>, <code>height</code></td><td><a href="#xsl11">[XSL 1.1]</a></td><td>shorthand property</td><td></td></tr><tr><td><a href="#style-attribute-fontFamily"><code>tts:fontFamily</code></a></td><td><code>font-family</code></td><td><a href="#xsl11">[XSL 1.1]</a></td><td>-<code>inherit</code>, extends generic family names</td><td>1</td></tr><tr><td><a href="#style-attribute-fontSize"><code>tts:fontSize</code></a></td><td><code>font-size</code></td><td><a href="#xsl11">[XSL 1.1]</a></td><td>-<code>inherit</code></td><td>1,7</td></tr><tr><td><a href="#style-attribute-fontStyle"><code>tts:fontStyle</code></a></td><td><code>font-style</code></td><td><a href="#xsl11">[XSL 1.1]</a></td><td>-<code>inherit</code>, -<code>backslant</code></td><td>1</td></tr><tr><td><a href="#style-attribute-fontWeight"><code>tts:fontWeight</code></a></td><td><code>font-weight</code></td><td><a href="#xsl11">[XSL 1.1]</a></td><td>-<code>inherit</code>, -<code>bolder</code>, -<code>lighter</code>, -<code><number></code></td><td>1</td></tr><tr><td><a href="#style-attribute-lineHeight"><code>tts:lineHeight</code></a></td><td><code>line-height</code></td><td><a href="#xsl11">[XSL 1.1]</a></td><td>-<code>inherit</code>, -<code><number></code>, -<code><space></code></td><td>1</td></tr><tr><td><a href="#style-attribute-opacity"><code>tts:opacity</code></a></td><td><code>opacity</code></td><td><a href="#css3-color">[CSS3 Color]</a></td><td>-<code>inherit</code></td><td></td></tr><tr><td><a href="#style-attribute-origin"><code>tts:origin</code></a></td><td><code>top</code>, <code>left</code></td><td><a href="#xsl11">[XSL 1.1]</a></td><td>shorthand property</td><td></td></tr><tr><td><a href="#style-attribute-overflow"><code>tts:overflow</code></a></td><td><code>overflow</code></td><td><a href="#xsl11">[XSL 1.1]</a></td><td>-<code>inherit</code>, -<code>auto</code>, -<code>error-if-overflow</code></td><td></td></tr><tr><td><a href="#style-attribute-padding"><code>tts:padding</code></a></td><td><code>padding</code></td><td><a href="#xsl11">[XSL 1.1]</a></td><td>-<code>inherit</code></td><td>8</td></tr><tr><td><a href="#style-attribute-showBackground"><code>tts:showBackground</code></a></td><td><code>showBackground</code></td><td><a href="#smil3">[SMIL 3.0]</a></td><td>-<code>inherit</code></td><td></td></tr><tr><td><a href="#style-attribute-textAlign"><code>tts:textAlign</code></a></td><td><code>text-align</code></td><td><a href="#xsl11">[XSL 1.1]</a></td><td>-<code>inherit</code></td><td>1</td></tr><tr><td><a href="#style-attribute-textDecoration"><code>tts:textDecoration</code></a></td><td><code>text-decoration</code></td><td><a href="#xsl11">[XSL 1.1]</a></td><td>-<code>inherit</code></td><td>1,9,12</td></tr><tr><td><a href="#style-attribute-textOrientation"><code>tts:textOrientation</code></a></td><td><code>text-orientation</code></td><td><a href="#css3-wm">[CSS Writing Modes]</a></td><td>
-<code>inherit</code>,
-<code>sideways-left</code>,
-<code>sideways-right</code>,
@@ -9526,9 +9647,9 @@
<h2><a id="qa"></a>K QA Framework Compliance (Non-Normative)</h2><p>This appendix specifies the compliance of this specification with the
requirements and guidelines defined by <a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/">QA
Framework Specifications Guidelines</a> <a href="#qaf-sg">[QAF SG]</a>.</p><div class="div2">
-<h3><a id="d3e34560"></a>K.1 Requirements</h3><a id="qa-framework-requirements-table"></a><table class="common"><caption>Table K-1 – QA Framework Requirements Checklist</caption><col width="76%" span="1"><col width="6%" align="center" span="1"><col width="6%" align="center" span="1"><col width="6%" align="center" span="1"><col width="6%" align="center" span="1"><tbody><tr><td><span class="strong">Requirement</span></td><td><span class="strong">YES</span></td><td><span class="strong">NO</span></td><td><span class="strong">N/A</span></td><td><span class="strong">Notes</span></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#include-conformance-clause-principle">Requirement 01: Include a conformance
+<h3><a id="d3e35646"></a>K.1 Requirements</h3><a id="qa-framework-requirements-table"></a><table class="common"><caption>Table K-1 – QA Framework Requirements Checklist</caption><col width="76%" span="1"><col width="6%" align="center" span="1"><col width="6%" align="center" span="1"><col width="6%" align="center" span="1"><col width="6%" align="center" span="1"><tbody><tr><td><span class="strong">Requirement</span></td><td><span class="strong">YES</span></td><td><span class="strong">NO</span></td><td><span class="strong">N/A</span></td><td><span class="strong">Notes</span></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#include-conformance-clause-principle">Requirement 01: Include a conformance
clause</a></td><td><a href="#conformance">YES</a></td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#define-scope-principle">Requirement 02: Define the scope.</a></td><td><a href="#intro">YES</a></td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#implement-principle">Requirement 03: Identify who or what will implement the specification.</a></td><td><a href="#conformance">YES</a></td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#ref-norm-principle">Requirement 04: Make a list of normative references.</a></td><td><a href="#references">YES</a></td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#define-terms-principle">Requirement 05: Define the terms used in the normative parts of the specification.</a></td><td><a href="#definitions">YES</a></td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#conf-label-principle">Requirement 06: Create conformance labels for each part of the conformance model.</a></td><td><a href="#conformance">YES</a></td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#consistent-style-principle">Requirement 07: Use a consistent style for conformance requirements and explain how to distinguish them.</a></td><td><a href="#conventions">YES</a></td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#req-opt-conf-principle">Requirement 08: Indicate which conformance requirements are mandatory, which are recommended, and which are optional.</a></td><td><a href="#conventions">YES</a></td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#subdivide-mandatory-principle">Requirement 09: If the technology is subdivided, then indicate which subdivisions are mandatory for conformance.</a></td><td><a href="#conformance">YES</a></td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#subdiv-constraints-principle">Requirement 10: If the technology is subdivided, then address subdivision constraints.</a></td><td><a href="#conformance">YES</a></td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#likehood-extension-principle">Requirement 11: Address Extensibility.</a></td><td><a href="#doctypes">YES</a></td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#deprecated-feature-principle">Requirement 12: Identify deprecated features.</a></td><td></td><td></td><td>N/A</td><td>1</td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#degree-support-principle">Requirement 13: Define how each class of product handles each deprecated feature.</a></td><td></td><td></td><td>N/A</td><td>1</td></tr></tbody></table><div class="note"><p class="prefix"><b>Note:</b></p><ol class="enumar"><li><p>No feature is deprecated by this version of this specification.</p></li></ol></div></div><div class="div2">
-<h3><a id="d3e34724"></a>K.2 Guidelines</h3><a id="qa-framework-guidelines-table"></a><table class="common"><caption>Table K-2 – QA Framework Guidelines Checklist</caption><col width="76%" span="1"><col width="6%" align="center" span="1"><col width="6%" align="center" span="1"><col width="6%" align="center" span="1"><col width="6%" align="center" span="1"><tbody><tr><td><span class="strong">Guideline</span></td><td><span class="strong">YES</span></td><td><span class="strong">NO</span></td><td><span class="strong">N/A</span></td><td><span class="strong">Notes</span></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#conformance-model-gp">Good Practice 01: Define the specification's conformance model in the conformance clause.</a></td><td><a href="#conformance">YES</a></td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#norm-informative-gp">Good Practice 02: Specify in the conformance clause how to distinguish normative from informative content.</a></td><td><a href="#conventions">YES</a></td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#conformance-claim-gp">Good Practice 03: Provide the wording for conformance claims.</a></td><td><a href="#claims">YES</a></td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#ics-gp">Good Practice 04: Provide an Implementation Conformance Statement Pro Forma.</a></td><td></td><td>NO</td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#ics-claim-gp">Good Practice 05: Require an Implementation Conformance Statement as part of valid conformance claims.</a></td><td><a href="#claims">YES</a></td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#use-example-gp">Good Practice 06: Provide examples, use cases, and graphics.</a></td><td><a href="#example">YES</a></td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#write-sample-gp">Good Practice 07: Write sample code or tests.</a></td><td>YES</td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#ref-define-practice">Good Practice 08: When imposing requirements by normative references, address conformance dependencies.</a></td><td><a href="#references">YES</a></td><td></td><td></td><td>1</td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#define-terms-inline-gp">Good Practice 09: Define unfamiliar terms in-line and consolidate the definitions in a glossary section.</a></td><td><a href="#definitions">YES</a></td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#reuse-terms-gp">Good Practice 10: Use terms already defined without changing their definition.</a></td><td><a href="#definitions">YES</a></td><td></td><td></td><td>2</td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#formal-language-gp">Good Practice 11: Use formal languages when possible.</a></td><td><a href="#schemas">YES</a></td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#write-assertion-gp">Good Practice 12: Write Test Assertions.</a></td><td></td><td>NO</td><td></td><td>3</td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#subdivide-foster-gp">Good Practice 13: Create subdivisions of the technology when warranted.</a></td><td><a href="#conformance">YES</a></td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#rules-profiles-gp">Good Practice 14: If the technology is profiled, define rules for creating new profiles.</a></td><td><a href="#vocabulary-profiling">YES</a></td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#need-option-gp">Good Practice 15:Use optional features as warranted.</a></td><td>YES</td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#label-options-gp">Good Practice 16: Clearly identify optional features.</a></td><td>YES</td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#constraints-gp">Good Practice 17: Indicate any limitations or constraints on optional features.</a></td><td>YES</td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#extensions-prohibited-gp">Good Practice 18: If extensibility is allowed, define an extension mechanism.</a></td><td><a href="#extension-vocabulary-overview">YES</a></td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#breaking-conformance-gp">Good Practice 19: Warn extension creators to create extensions that do not interfere with conformance.</a></td><td><a href="#extension-vocabulary-overview">YES</a></td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#define-error-gp">Good Practice 20: Define error-handling for unknown extensions.</a></td><td><a href="#conformance-processor">YES</a></td><td></td><td></td><td>4</td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#workaround-gp">Good Practice 21: Explain how to avoid using a deprecated feature.</a></td><td></td><td></td><td>N/A</td><td>5</td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#obsolete-gp">Good Practice 22: Identify obsolete features.</a></td><td></td><td></td><td>N/A</td><td>5</td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#error-handling-gp">Good Practice 23: Define an error handling mechanism.</a></td><td><a href="#reduced-infoset">YES</a></td><td></td><td></td><td></td></tr></tbody></table><div class="note"><p class="prefix"><b>Note:</b></p><ol class="enumar"><li><p>When making normative references to external specifications,
+<h3><a id="d3e35810"></a>K.2 Guidelines</h3><a id="qa-framework-guidelines-table"></a><table class="common"><caption>Table K-2 – QA Framework Guidelines Checklist</caption><col width="76%" span="1"><col width="6%" align="center" span="1"><col width="6%" align="center" span="1"><col width="6%" align="center" span="1"><col width="6%" align="center" span="1"><tbody><tr><td><span class="strong">Guideline</span></td><td><span class="strong">YES</span></td><td><span class="strong">NO</span></td><td><span class="strong">N/A</span></td><td><span class="strong">Notes</span></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#conformance-model-gp">Good Practice 01: Define the specification's conformance model in the conformance clause.</a></td><td><a href="#conformance">YES</a></td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#norm-informative-gp">Good Practice 02: Specify in the conformance clause how to distinguish normative from informative content.</a></td><td><a href="#conventions">YES</a></td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#conformance-claim-gp">Good Practice 03: Provide the wording for conformance claims.</a></td><td><a href="#claims">YES</a></td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#ics-gp">Good Practice 04: Provide an Implementation Conformance Statement Pro Forma.</a></td><td></td><td>NO</td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#ics-claim-gp">Good Practice 05: Require an Implementation Conformance Statement as part of valid conformance claims.</a></td><td><a href="#claims">YES</a></td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#use-example-gp">Good Practice 06: Provide examples, use cases, and graphics.</a></td><td><a href="#example">YES</a></td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#write-sample-gp">Good Practice 07: Write sample code or tests.</a></td><td>YES</td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#ref-define-practice">Good Practice 08: When imposing requirements by normative references, address conformance dependencies.</a></td><td><a href="#references">YES</a></td><td></td><td></td><td>1</td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#define-terms-inline-gp">Good Practice 09: Define unfamiliar terms in-line and consolidate the definitions in a glossary section.</a></td><td><a href="#definitions">YES</a></td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#reuse-terms-gp">Good Practice 10: Use terms already defined without changing their definition.</a></td><td><a href="#definitions">YES</a></td><td></td><td></td><td>2</td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#formal-language-gp">Good Practice 11: Use formal languages when possible.</a></td><td><a href="#schemas">YES</a></td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#write-assertion-gp">Good Practice 12: Write Test Assertions.</a></td><td></td><td>NO</td><td></td><td>3</td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#subdivide-foster-gp">Good Practice 13: Create subdivisions of the technology when warranted.</a></td><td><a href="#conformance">YES</a></td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#rules-profiles-gp">Good Practice 14: If the technology is profiled, define rules for creating new profiles.</a></td><td><a href="#vocabulary-profiling">YES</a></td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#need-option-gp">Good Practice 15:Use optional features as warranted.</a></td><td>YES</td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#label-options-gp">Good Practice 16: Clearly identify optional features.</a></td><td>YES</td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#constraints-gp">Good Practice 17: Indicate any limitations or constraints on optional features.</a></td><td>YES</td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#extensions-prohibited-gp">Good Practice 18: If extensibility is allowed, define an extension mechanism.</a></td><td><a href="#extension-vocabulary-overview">YES</a></td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#breaking-conformance-gp">Good Practice 19: Warn extension creators to create extensions that do not interfere with conformance.</a></td><td><a href="#extension-vocabulary-overview">YES</a></td><td></td><td></td><td></td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#define-error-gp">Good Practice 20: Define error-handling for unknown extensions.</a></td><td><a href="#conformance-processor">YES</a></td><td></td><td></td><td>4</td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#workaround-gp">Good Practice 21: Explain how to avoid using a deprecated feature.</a></td><td></td><td></td><td>N/A</td><td>5</td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#obsolete-gp">Good Practice 22: Identify obsolete features.</a></td><td></td><td></td><td>N/A</td><td>5</td></tr><tr><td><a href="http://www.w3.org/TR/2005/REC-qaframe-spec-20050817/#error-handling-gp">Good Practice 23: Define an error handling mechanism.</a></td><td><a href="#reduced-infoset">YES</a></td><td></td><td></td><td></td></tr></tbody></table><div class="note"><p class="prefix"><b>Note:</b></p><ol class="enumar"><li><p>When making normative references to external specifications,
specific clauses or sections are cited.</p></li><li><p>See also <a href="#derivation"><b>J Vocabulary Derivation</b></a>.</p></li><li><p>Test assertions and test suites will be provided prior to entering
Proposed Recommendation (PR) phase.</p></li><li><p>See criterion #3 in <a href="#conformance-processor"><b>3.2 Processor Conformance</b></a> and definition of
TTML <a href="#doctypes">Abstract Document Instance</a>.</p></li><li><p>No feature is deprecated or obsoleted by this version of this specification.</p></li></ol></div></div></div><div class="div1">