CSS column-width property

CSS column-width

CSS column-width property is used to set the width of the column.

The browser will automatically calculate how many columns of at least the given width can fit in the space.

The maximum number of columns will be formed, by creating the columns with the specified column-width and not less than it.

To support column-width property on different browsers we need to add some prefixes, they are

  • -webkit- : It supports chrome, safari and new version of opera
  • -moz- : It support Firefox.
  • -o- : Old versions of opera.
  • -ms- : Internet explorer.

Example

Try Yourself