The column-span property makes it possible for an element to span across several columns.

  • Initial valuenone
  • Applies toBlock-level elements, except floating and absolutely positioned elements
  • InheritedNo
  • MediaVisual
  • Computed valueAs specified
  • AnimatableNo
  • CSS VersionCSS3
  • JavaScript
Formal syntax: none | all

column-span: none;
column-span: all;
  • noneThe element does not span multiple columns.
  • allThe element spans across all columns. Content in the normal flow that appears before the element is automatically balanced across all columns before the element appears. The element establishes a new block formatting context.
.class {
   column-span: all;

Last updated on 23rd March 2014 By Rene Spronk

View All CSS Properties

Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.