11<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
22<html lang="en">
3- <!-- $Id: visuren.src,v 1.34 1997-10-29 20:02:35 howcome Exp $ -->
3+ <!-- $Id: visuren.src,v 1.35 1997-10-29 22:54:17 howcome Exp $ -->
44<HEAD>
55<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
66<TITLE>Visual rendering model</TITLE>
@@ -1044,17 +1044,33 @@ default behavior of an element is to allow elements below it to be
10441044visible through transparent areas in its content. In the example, each
10451045element transparently overlays the elements below it. This behavior
10461046can be overridden by utilizing one of the existing background-related
1047- properties like <span
1048- class="propinst-background">'background'</span>.</p>
1047+ properties like <span class="propinst-background">'background'</span>.</p>
10491048
10501049<H2>Multicolumn layout</H2>
10511050
10521051<P>Flowing content into several columns is a common way of presenting
10531052text, especially in print. When line lengths are shortened, the font
10541053size and line height can be reduced while maintaining legibility. In
1055- CSS, columns are verical boxes formed within the box of the
1056- element. All columns have the same width, and the UA should attempt to
1057- balance the content so that each column is filled to the same extent.
1054+ CSS, columns are verical boxes formed in the content area of an
1055+ <DFN>column element</DFN>. In HTML, the column element will typically
1056+ be of type DIV and its child element will be flowed into the columens.
1057+
1058+ <P>All columns in a column element have the same width. The UA
1059+ should attempt to balance the content so that each column is filled to
1060+ the same extent. When breaking elements over several columns, the
1061+ <span class="propinst-widows">'widows'</span> and <span
1062+ class="propinst-orphans">'orphans'</span> properties should be
1063+ consulted.
1064+
1065+ <P>In a <a href="page.html">paged medium</a>, page breaks may occur
1066+ within the column element. This can be due to lack of space, or from
1067+ a settin on a page break property of a child element. When this
1068+ happens, the column element should be continued on the next page with
1069+ the same number of columns.
1070+
1071+
1072+ <P>Between columns there is optionally a column gap and a vertical
1073+ column rule.
10581074
10591075
10601076<!-- #include src=properties/columns.srb -->
@@ -1093,7 +1109,9 @@ by them. Consider this example:
10931109 columns: 3;
10941110 column-gap: 1em;
10951111 }
1096- IMG.logo { width: 100% }
1112+ IMG.logo {
1113+ width: 100%;
1114+ }
10971115</STYLE>
10981116<BODY>
10991117 <DIV>
@@ -1110,14 +1128,16 @@ element.
11101128
11111129<!-- #include src=properties/column-gap.srb -->
11121130
1113- <P>This property sets the gap between adjacent columns.
1131+ <P>This property sets the gap between adjacent columns. The initial
1132+ value is UA-specific, but should be greater than zero. Negative values
1133+ are not allowed.
11141134
11151135<!-- #include src=properties/column-rule-width.srb -->
11161136<!-- #include src=properties/column-rule-style.srb -->
11171137<!-- #include src=properties/column-rule-color.srb -->
11181138<!-- #include src=properties/column-rule.srb -->
11191139
1120- <P>These properties set the vertical rule between adjacent
1140+ <P>These properties set the vertical column rule between adjacent
11211141columns. The rule will appear in the middle of the column gap. On each
11221142side of the rule there will be a gap equal to half the specified
11231143column gap.
0 commit comments