OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <style> | |
5 #content { | |
6 font: 20px Ahem, sans-serif; | |
7 -webkit-flow-into: flow; | |
8 } | |
9 .region { | |
10 float: left; | |
11 margin-right: 10px; | |
12 width: 300px; | |
13 height: 300px; | |
14 background-color: yellow; | |
15 overflow: hidden; | |
16 border: 1px solid blue; | |
17 -webkit-flow-from: flow; | |
18 } | |
19 #shape_inside { | |
20 shape-inside: rectangle(50px, 0px, 250px, 300px); | |
21 background-color: orange; | |
22 } | |
23 </style> | |
24 </head> | |
25 <body> | |
26 | |
27 <div id="shape_inside" class="region"></div> | |
28 <div class="region" style="float: none"></div> | |
29 | |
30 <div id="content"> | |
31 Despite the passage of time, Major Quilan still suffers grief and bereavemen
t from the death of his wife, killed during the Chelgrian civil war that resulte
d from the Culture's | |
32 interference. Quilan is offered the chance to avenge the lost Chelgrians who
died in the civil war and is inducted into a plot to strike back at the Culture
. As part of the plot, | |
33 his "soulkeeper" (a device normally used to store its owner's personality up
on their death) is equipped with both the mind of a long-dead Chelgrian general
and a devicethat can | |
34 transport wormholes connected to weapons caches. Quilan is then sent to Masa
q' Orbital, ostensibly to persuade Mahrai Ziller to return to his native Chel bu
t is in reality on a | |
35 suicide mission to destroy the Orbital's Hub Mind. To protect him from detec
tion at Masaq', Quilan's memory is selectively blanked until he reaches his targ
et. | |
36 </div> | |
37 | |
38 <p>Requires Ahem font. The inline content flows into two regions, a 250x300px re
ctangle shape-inside property with 50px left offset is applied to the first (ora
nge) region. The content should have a 50px left offset in the orange rectangle
and should flow into second rectangle without any offset.<br/> | |
39 <p>Bug <a href="http://webkit.org/b/115456">115456</a>: [CSS Regions][CSS Exclus
ions] Shape-inside on regions should respect region borders and paddings</p> | |
40 | |
41 </body> | |
42 </html> | |
OLD | NEW |