4 <title>CSS Test: flow-into with different flows on list items from the same list</title>
5 <link rel="author" title="Mihai Balan" href="mibalan@adobe.com">
6 <link rel="help" href="http://www.w3.org/TR/css3-regions/#properties-and-rules" />
7 <link rel="help" href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" />
8 <link rel="stylesheet" type="text/css" href="../resources/font-smoothing-disabler.css">
9 <meta name="flags" content="">
10 <meta name="assert" content="Test flow-into property can be applied to individual list items. This test checks that list items from the same list extracted in different named flows preserve their numbering.">
13 -webkit-flow-into: f1;
17 -webkit-flow-into: f2;
27 -webkit-flow-from: f1;
28 background-color: lightgreen;
31 -webkit-flow-from: f2;
32 background-color: lightblue;
37 <p>Test passes if you see two rectangles, one green and one blue, as follows. Each rectangle should contain a numbered list; the numbers should be rendered outside the rectangle. The items in the first list should be numbered 1, 2 and 5 respectively, while the items in the second list should be numbered 3, 4 and 6 respectively.</p>
39 <li class="extract1">List item 1</li>
40 <li class="extract1">List item 2</li>
41 <li class="extract2">List item 3</li>
42 <li class="extract2">List item 4</li>
43 <li class="extract1">List item 5</li>
44 <li class="extract2">List item 6</li>
46 <div class="region" id="r1"></div>
47 <div class="region" id="r2"></div>