The column-width property describes the optimal column width. The actual column width may be wider (to fill the available space), or narrower (only if the available space is smaller than the specified column width).

  • Initial valueauto
  • Applies toBlock level elements
  • InheritedNo
  • MediaVisual
  • Computed valueThe absolute length, zero or larger
  • AnimatableNo
  • CSS VersionCSS3
  • JavaScript syntaxobject.style.columnWidth
Formal syntax: <length> | auto

column-width: 50px;
column-width: 20em;
column-width: auto;
  • <length>A floating-point number, followed by either an absolute units designator (cm, mm, in, pt, or pc) or a relative units designator (em, ex, or px), that indicates the optimal width.
  • autoIs a keyword indicating that the width of the column should be determined by other CSS properties, like column-count.
.class {
   column-width: 150px;
}
noFirefoxnoExplorernoChromenoSafari11.1+Opera


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.