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

Documentation

Opera Help

Need help? Hit F1 anytime while using Opera to access our online help files, or go here.