ttml10-sdp-us/Overview.src.html
changeset 320 62295c03d3c6
parent 319 332643616ed0
child 321 5c9941317402
--- a/ttml10-sdp-us/Overview.src.html	Wed Nov 28 22:49:22 2012 -0700
+++ b/ttml10-sdp-us/Overview.src.html	Wed Nov 28 23:49:46 2012 -0700
@@ -634,6 +634,16 @@
 <div data-transform='constraint'>The alpha component of backgroundColor for a region MUST be zero (0).</div>
 <div data-transform='constraint'>The presentation processor MUST allow the user to specify a backgroundColor for p and span elements based on a minimum of an 8-color palette of white, black, red, green, blue, yellow, magenta, and cyan (See Minimum Color List in <a href="#color-values">Color Values</a> ).</div>
 <div data-transform='constraint'>The presentation processor MUST allow the user to specify a backgroundColor for p and span elements to allow for semi-transparent and transparent opacities.</div>
+<div data-transform='example'>Multiple Background Styles. The <code>tts:backgroundColor</code> is specified distinctly for a region, a paragraph selected into
+that region, and a span of text in that paragraph.</div>
+<pre class="example" style="font-family: Segoe UI; font-size: 13pt; color: black; background: white;">
+&lt;region id="r1" tts:backgroundColor="#00000000"/&gt;
+...
+&lt;p region="r1" tts:backgroundColor="#1049edff"&gt;
+  Twinkle, twinkle, little bat!&lt;br&gt;
+  How &lt;span tts:backgroundColor="#ed1078ff"&gt;I wonder&lt;/span&gt; where you're at!
+&lt;/p&gt;
+</pre>
 </section>
 </section>
 <section id='Constrained_TTML_Feature_color'>