A Quick Look at CSS3 Multi-Columns Layout

Rishabh

• 5584
• 20
• 0

Just incase if you did'nt know, CSS3 has the cool Multiple Column Module. Browser Support ? I tried to cover some of the common/most used multi column properties in this creation.

Consider this as a concise tutorial on the topic. Right below the properties, are the demos - I guess that makes it easier for you to get a good grasp of the concept by just looking at the entire demo :)

The properties are self explanatory, although here are some points to keep in mind:

• columns can simply replace column-count or column-width.
• column-rule is used to specify a demarcation (a "rule") for the specified columns.

Related:

• CSS Only Solar System Model
• Minions in pure CSS
• Multiple Box Shadows
• Clicking Game
• CSS3 Room