This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
| spec:css3-regions:regions-use-cases [2012/11/28 16:15] – [Converting hard breaks to named flows] astearns | spec:css3-regions:regions-use-cases [2014/12/09 15:48] (current) – external edit 127.0.0.1 | ||
|---|---|---|---|
| Line 124: | Line 124: | ||
| wrap-flow: both; | wrap-flow: both; | ||
| /* prevent the content from touching the edges of the box */ | /* prevent the content from touching the edges of the box */ | ||
| - | | + | |
| color: lightblue; | color: lightblue; | ||
| font-size: 2em; | font-size: 2em; | ||
| Line 235: | Line 235: | ||
| flow-from: breaking-news; | flow-from: breaking-news; | ||
| | | ||
| - | /* allow scrolling when content overflows the region */ | + | /* allow scrolling when content overflows the last region |
| - | region-overflow: auto; | + | region-fragment: auto; |
| overflow: auto; | overflow: auto; | ||
| } | } | ||
| Line 318: | Line 318: | ||
| margin-top: | margin-top: | ||
| - | /* This region will catch all the overflow | + | /* Control |
| - | region-overflow:auto; | + | region-fragment:auto; |
| overflow: | overflow: | ||
| } | } | ||
| Line 359: | Line 359: | ||
| position: absolute; | position: absolute; | ||
| /* prevent text from touching the edges of the slices */ | /* prevent text from touching the edges of the slices */ | ||
| - | | + | |
| } | } | ||
| #slice_1 { | #slice_1 { | ||