When a region owns a style attribute, only the styles that belong to the content that flow into it are considered.
Two different examples: the first leads the styles to be applied to the Cue, while the second shows how the regions doesn't inherit attributes that apply only to the region box.
Show code
<tt xml:lang="en">
<head>
<styling>
<style xml:id="sShared" tts:opacity="0.5" tts:backgroundColor="red" />
</styling>
<layout>
<region xml:id="r1" style="sShared" />
<region xml:id="r2" style="sShared" />
</layout>
</head>
<body>
<div region="r1">
<p begin="0s" end="5s">Hello</p>
</div>
<div region="r2">
<p begin="2s" end="5s">World</p>
</div>
</body>
</tt>
Show code
<tt xml:lang="en">
<head>
<styling>
<style xml:id="sShared" tts:origin="10% 10%" tts:extent="30% 20%" />
</styling>
<layout>
<region xml:id="r1" style="sShared" />
</layout>
</head>
<body>
<div region="r1">
<p begin="0s" end="1s">Hello</p>
</div>
</body>
</tt>

When a
regionowns astyleattribute, only the styles that belong to the content that flow into it are considered.Two different examples: the first leads the styles to be applied to the Cue, while the second shows how the regions doesn't inherit attributes that apply only to the region box.
Show code
Show code