|
1 | | -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" |
2 | | -"http://www.w3.org/TR/html4/strict.dtd"> |
3 | | - |
4 | | -<!-- |
5 | | -
|
6 | | -define 'auto' values on column-width, column-count |
7 | | -
|
8 | | -don't break tables, pictures |
9 | | -
|
10 | | -http://lists.w3.org/Archives/Member/w3c-css-wg/2007JanMar/0051.html |
11 | | -
|
12 | | - How about saying that if both are set, the column-count is regarded |
13 | | - as a maximum? So for example, if I have an element and set |
14 | | -
|
15 | | - column: 30em 6; |
16 | | -
|
17 | | - then I'll get as many 30em columns as will fit, or 6 columns if more |
18 | | - than 6 will fit. |
19 | | -
|
20 | | -
|
21 | | -http://lists.w3.org/Archives/Member/w3c-css-wg/2007JulSep/0049.html |
22 | | -
|
23 | | - I don't know what zero (or negative) values might be good for, so I |
24 | | - agree: the spec should say that the values of both properties must be |
25 | | - greater than zero. |
26 | | -
|
27 | | -http://lists.w3.org/Archives/Member/w3c-css-wg/2007JulSep/0053.html |
28 | | -
|
29 | | ---> |
30 | | - |
| 1 | +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
31 | 2 | <html lang="en"> |
32 | 3 | <head> |
33 | 4 | <meta content="text/html" http-equiv="Content-Type"> |
@@ -910,7 +881,7 @@ <h3>'column-gap'</h3> |
910 | 881 | <td>visual |
911 | 882 | <tr> |
912 | 883 | <td><em>Computed value:</em> |
913 | | - <td>specified value |
| 884 | + <td>absolute length or 'normal' |
914 | 885 | </table> |
915 | 886 |
|
916 | 887 |
|
@@ -1059,7 +1030,8 @@ <h3>'column-rule'</h3> |
1059 | 1030 |
|
1060 | 1031 | <p>This property is a shorthand property for setting |
1061 | 1032 | 'column-rule-width', 'column-rule-style', and 'column-rule-color' at |
1062 | | -the same place in the style sheet. Omitted values are set to their initial values. |
| 1033 | +the same place in the style sheet. Omitted values are set to their |
| 1034 | +initial values. |
1063 | 1035 |
|
1064 | 1036 |
|
1065 | 1037 |
|
@@ -1334,18 +1306,35 @@ <h2>Filling columns</h2> |
1334 | 1306 |
|
1335 | 1307 | <h2>Overflow and multi-column elements</h2> |
1336 | 1308 |
|
| 1309 | +<p> |
| 1310 | + |
1337 | 1311 | <p>Content that extend into column gaps (e.g., long words and floats |
1338 | 1312 | that are higher and/or wider than the column box) is clipped in the |
1339 | | -middle of the column gap. Content that extend outside column boxes at |
| 1313 | +middle of the column gap. |
| 1314 | + |
| 1315 | +<p class="issue">However, some content (e.g., floats) may intrude into other columns. |
| 1316 | + |
| 1317 | +<p>Content that extend outside column boxes at |
1340 | 1318 | the edges of the multi-column element is clipped according to the |
1341 | 1319 | 'overflow' property. |
1342 | 1320 |
|
1343 | | -<p class="note">However, some content (e.g., floats) may intrude into other columns. |
1344 | 1321 |
|
1345 | 1322 | <p>A multi-column element can have more columns than it has room for due to: |
1346 | 1323 |
|
1347 | 1324 | <ul> |
1348 | | -<li>A constrained column height. The height can be constrained by a rule on the multi-column element, or, in paged media, by the size of the page. |
| 1325 | +<li>Constrained column height. The height can be constrained by a |
| 1326 | +rule on the multi-column element. In paged media, the height can also |
| 1327 | +be constrained by the size of the page. |
| 1328 | + |
| 1329 | +<li>Explicit column breaks. |
| 1330 | +</ul> |
| 1331 | + |
| 1332 | +<p>In paged media, columns for which there is not room within the page |
| 1333 | +are are moved to the next page. |
| 1334 | + |
| 1335 | +<p>In continuous media, the columns for which there is no room within |
| 1336 | +the multicol element are progressivly added in the inline direction. |
| 1337 | + |
1349 | 1338 |
|
1350 | 1339 | <div class="example"> |
1351 | 1340 |
|
@@ -1410,8 +1399,6 @@ <h2>Overflow and multi-column elements</h2> |
1410 | 1399 | </div> |
1411 | 1400 |
|
1412 | 1401 |
|
1413 | | -<li>Explicit column breaks. |
1414 | | - |
1415 | 1402 | <div class="example"> |
1416 | 1403 |
|
1417 | 1404 | <p>In this example, explicit column breaks are generated after paragraphs: |
@@ -1464,11 +1451,6 @@ <h2>Overflow and multi-column elements</h2> |
1464 | 1451 | </div> |
1465 | 1452 |
|
1466 | 1453 |
|
1467 | | -</ul> |
1468 | | - |
1469 | | - |
1470 | | -<p>In paged media, columns for which there is not room within the page |
1471 | | -are are moved to the next page. |
1472 | 1454 |
|
1473 | 1455 | <div class="example"> |
1474 | 1456 |
|
|
0 commit comments