column-height

Experimental

An experimental property that allows setting a specific height for columns in a multi-column layout.

Quick example

.fixed-columns {
  column-count: 2;
  /* Experimental: sets the height of the columns */
  column-height: 400px;
}

Quick facts

Initial value
auto
Inherited
No
Applies to
block containers except table wrappers
Animation type
byComputedValueType

Values

autolength

column-height Browser Support

Limited availability 42% global usage

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Not ready for production without a fallback.

145+
145+
ESC