forked from SchemaStore/schemastore
-
Notifications
You must be signed in to change notification settings - Fork 0
/
css-module-multi-column.xml
58 lines (45 loc) · 6.23 KB
/
css-module-multi-column.xml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<?xml version="1.0" encoding="utf-8"?>
<CssModule name="Multi-column" standard-reference="http://www.w3.org/TR/css3-multicol/" status="CR" pub-date="2011-04-12">
<CssProperty name="column-width" version="3.0" browsers="IE10,O11.5,S9" restriction="length, enum" syntax="div { $(name): 100px; }" description="This property describes the width of columns in multicol elements." standard-reference="http://www.w3.org/TR/css3-multicol/#column-width">
<entry value="auto" description="The width depends on the values of other properties." />
</CssProperty>
<CssProperty name="column-count" version="3.0" browsers="IE10,O11.5,S9" restriction="integer, enum" syntax="div { $(name): 3; }" description="Describes the optimal number of columns into which the content of the element will be flowed." standard-reference="http://www.w3.org/TR/css3-multicol/#column-count">
<entry value="auto" description="Determines the number of columns by the 'column-width' property and the element width." />
</CssProperty>
<CssProperty name="columns" version="3.0" browsers="IE10,O11.5,S9" restriction="length, integer, enum" syntax="div { $(name): 100px 3; }" description="A shorthand property which sets both 'column-width' and 'column-count'." standard-reference="http://www.w3.org/TR/css3-multicol/#columns0">
<entry value="auto" description="The width depends on the values of other properties." />
</CssProperty>
<CssProperty name="column-gap" version="3.0" browsers="IE10,O11.5,S9" restriction="length, enum" syntax="div { $(name): 10px; }" description="Sets the gap between columns. If there is a column rule between columns, it will appear in the middle of the gap." standard-reference="http://www.w3.org/TR/css3-multicol/#column-gap0">
<entry value="normal" description="User agent specific and typically equivalent to 1em." />
</CssProperty>
<CssProperty name="column-rule-color" version="3.0" browsers="IE10,O11.5,S9" type="color" restriction="color" syntax="div { $(name): #ff0; }" description="Sets the color of the column rule" standard-reference="http://www.w3.org/TR/css3-multicol/#column-rule-color" />
<CssProperty name="column-rule-style" version="3.0" browsers="IE10,O11.5,S9" type="border-style" restriction="enum" syntax="div { $(name): solid; }" description="Sets the style of the rule between columns of an element." standard-reference="http://www.w3.org/TR/css3-multicol/#column-rule-style" />
<CssProperty name="column-rule-width" version="3.0" browsers="IE10,O11.5,S9" type="border-width" restriction="length, enum" syntax="div { $(name): 3px; }" description="Sets the width of the rule between columns. Negative values are not allowed." standard-reference="http://www.w3.org/TR/css3-multicol/#column-rule-width" />
<CssProperty name="column-rule" ref="border" version="3.0" browsers="IE10,O11.6" description="This property is a shorthand for setting 'column-rule-width', 'column-rule-style', and 'column-rule-color' at the same place in the style sheet. Omitted values are set to their initial values." standard-reference="http://www.w3.org/TR/css3-multicol/#column-rule0" />
<CssProperty name="break-inside" version="3.0" browsers="IE10,O11.6" restriction="enum" syntax="h2 { $(name): avoid-column; }" description="Describes the page/column break behavior inside the generated box." standard-reference="http://www.w3.org/TR/css3-multicol/#column-breaks">
<entry value="auto" description="Neither force nor forbid a page/column break inside the generated box." />
<entry value="avoid" description="Avoid a page/column break inside the generated box." />
<entry value="avoid-page" description="Avoid a page break inside the generated box." />
<entry value="avoid-column" description="Avoid a column break inside the generated box." />
</CssProperty>
<CssProperty name="break-before" version="3.0" browsers="IE10,O11.6" restriction="enum" syntax="h2 { $(name): column; }" description="Describes the page/column break behavior before the generated box." standard-reference="http://www.w3.org/TR/css3-multicol/#column-breaks">
<entry value="auto" description="Neither force nor forbid a page/column break before/after the generated box." />
<entry value="always" description="Always force a page break before/after the generated box." />
<entry value="avoid" description="Avoid a page/column break before/after the generated box." />
<entry value="left" description="Force one or two page breaks before/after the generated box so that the next page is formatted as a left page." />
<entry value="right" description="Force one or two page breaks before/after the generated box so that the next page is formatted as a right page." />
<entry value="page" description="Always force a page break before/after the generated box." />
<entry value="column" description="Always force a column break before/after the generated box." />
<entry value="avoid-page" description="Avoid a page break before/after the generated box." />
<entry value="avoid-column" description="Avoid a column break before/after the generated box." />
</CssProperty>
<CssProperty name="break-after" browsers="IE10,O11.5" ref="break-before" />
<CssProperty name="column-span" version="3.0" browsers="IE10,O11.5,S9" restriction="enum" syntax="article { $(name): all; }" description="Describes the page/column break behavior after the generated box." standard-reference="http://www.w3.org/TR/css3-multicol/#column-span0">
<entry value="none" description="The element does not span multiple columns." />
<entry value="all" description="The element spans across all columns. Content in the normal flow that appears before the element is automatically balanced across all columns before the element appear." />
</CssProperty>
<CssProperty name="column-fill" version="3.0" browsers="IE10,O11.5,S9" restriction="enum" syntax="article { $(name): balance; }" description="In continuous media, this property will only be consulted if the length of columns has been constrained. Otherwise, columns will automatically be balanced." standard-reference="http://www.w3.org/TR/css3-multicol/#filling-columns">
<entry value="auto" description="Fills columns sequentially." />
<entry value="balance" description="Balance content equally between columns, if possible." />
</CssProperty>
</CssModule>