CSS3 Multi-Column Support

WebKit now has some very basic support for multiple columns from CSS3. In fact, if you’re reading this blog entry, you will see that it has been broken up into two columns in the latest WebKit nightly and in Firefox.

The properties supported at this time are columns, column-gap, column-count and column-width. Column rules are not yet supported and neither are column breaks.

At this time any stacking context children like relative positioned content or content that uses opacity will position impoperly (as though the column didn’t exist. If you decide to use this feature, watch out for that.

Update: Column rules are now supported. This blog entry now has one!