1.1 --- a/css3-overflow/Overview.src.html Mon Aug 06 18:31:23 2012 -0700 1.2 +++ b/css3-overflow/Overview.src.html Mon Aug 06 19:44:01 2012 -0700 1.3 @@ -40,6 +40,22 @@ 1.4 transform: rotate(3deg); 1.5 } 1.6 1.7 + .article-font-inherit-demo { 1.8 + font: 1em/1.25 Times New Roman, Times, serif; 1.9 + white-space: nowrap; 1.10 + } 1.11 + .article-font-inherit-demo.one { 1.12 + width: 12em; 1.13 + font-size: 1.5em; 1.14 + margin-bottom: 1em; 1.15 + height: 4em; 1.16 + } 1.17 + .article-font-inherit-demo.two { 1.18 + width: 11em; 1.19 + margin-left: 5em; 1.20 + margin-right: 2em; 1.21 + } 1.22 + 1.23 .article-max-lines-demo { 1.24 font: 1em/1.25 Times New Roman, Times, serif; 1.25 white-space: nowrap; 1.26 @@ -419,9 +435,30 @@ 1.27 should also apply to inheritance from regions. 1.28 </p> 1.29 1.30 - <p class="issue"> 1.31 - TODO: ADD EXAMPLE HERE. 1.32 - </p> 1.33 + <div class="example"> 1.34 + <table class="source-demo-pair"><tr><td><pre><!DOCTYPE HTML> 1.35 +<style> 1.36 + .article { 1.37 + overflow: regions; 1.38 + } 1.39 + .article::nth-region(1) { 1.40 + font-size: 1.5em; 1.41 + margin-bottom: 1em; 1.42 + height: 4em; 1.43 + } 1.44 + .article::nth-region(n+2) { 1.45 + /* 2 and up */ 1.46 + margin-left: 5em; 1.47 + margin-right: 2em; 1.48 + } 1.49 +</style> 1.50 +<div class="article"> 1.51 + The <code>font-size</code> property<i>...</i> 1.52 +</div></pre></td><td> 1.53 + <div class="article-font-inherit-demo one">The <code>font-size</code> property<br>specified on the region<br>is inherited into the</div> 1.54 + <div class="article-font-inherit-demo two">descendants of the region.<br>This means that inherited<br>properties can be used<br>reliably on a region, as in<br>this example.</div> 1.55 + </td></tr></table> 1.56 + </div> 1.57 1.58 <h4 id="style-in-regions">Styling inside regions</h4> 1.59