CSS Multi-column Layout Module support in Opera Presto 2.8

W3C references

W3C CSS Multi-column Layout Module

This module describes multi-column layout in CSS. By using this functionality, style sheets can declare that the content of an element is to be laid out in multiple columns, rather than using tables to achieve this presentational effect. Opera Presto offers support for W3C CSS Multi-column Layout Module as described in the following table.

Multi-column layout properties

For your reference, each property is hyperlinked to its place in the online W3C CSS Multi-column Layout Module webpage. Note: Inheritance and percentages are not applicable.

Property	Values	Initial	Applies to	Media	Description	Support
1 In continuous media, this property will only be consulted if the length of columns has been constrained. Otherwise, columns will automatically be balanced.
break-after	auto always avoid left right page column avoid-page avoid-column	auto	block-level elements	paged	This property describes page/column break behavior after the generated box.	Yes
break-before	auto always avoid left right page column avoid-page avoid-column	auto	block-level elements	paged	This property describes page/column break behavior before the generated box.	Yes
break-inside	auto avoid avoid-page avoid-column	auto	block-level elements	paged	This property describes page/column break behavior inside the generated box.	Yes
column-count	<integer> auto	auto	non-replaced block-level elements (except table elements) table cells inline-block elements	visual	This property describes the number of columns of a multi-column element.	Yes
column-fill	auto balance	balance	multi-column elements	visual 1	This property offers two strategies for filling columns: balanced, or not balanced.	Yes
column-gap	<length> normal	normal	multi-column elements	visual	This property sets the gap between columns. If there is a column rule between columns, it will appear in the middle of the gap.	Yes
column-rule	<column-rule-width> <column-rule-style> <column-rule-color> transparent	see individual properties	multi-column elements	visual	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.	Yes
column-rule-color	<color>	same as for color property in CSS 2.1	multi-column elements	visual	This property sets the color of the column rule. The <color> values are defined in CSS 2.1.	Yes
column-rule-style	<border-style>	none	multi-column elements	visual	This property sets the style of the rule between columns of an element. The <border-style> values are defined in CSS 2.1.	Yes
column-rule-width	<border-width>	medium	multi-column elements	visual	This property sets the width of the rule between columns. Negative values are not allowed.	Yes
columns	<column-width> <column-count>	see individual properties	non-replaced block-level elements (except table elements) table cells inline-block elements	visual	This property is a shorthand property for setting column-width and column-count. Omitted values are set to their initial values.	Yes
column-span	none all	none	block-level elements, except floating and absolutely positioned elements	visual	This property describes how many columns an element spans across.	Yes
column-width	<length> auto	auto	non-replaced block-level elements (except table elements) table cells inline-block elements	visual	This property describes the width of columns in multi-column elements.	Yes