CSS max-block-size

Previous Next

Demo of the different values of the max-block-size property.

Click the property values below to see the result:

max-block-size: 10px;
max-block-size: 20px;
max-block-size: 60px;
max-block-size: 100px;
max-block-size: 200px;
max-block-size: auto;
max-block-size: 20%;
max-block-size: 80%;

See this blue div element with different max-block-size values.

See this blue div element with different max-block-size values.

See this blue div element with different max-block-size values.

See this blue div element with different max-block-size values.

See this blue div element with different max-block-size values.

See this blue div element with different max-block-size values.

See this blue div element with different max-block-size values.

See this blue div element with different max-block-size values.

See this blue div element with different max-block-size values.

See this blue div element with different max-block-size values.

See this blue div element with different max-block-size values.

See this blue div element with different max-block-size values.

See this blue div element with different max-block-size values.

See this blue div element with different max-block-size values.

See this blue div element with different max-block-size values.

See this blue div element with different max-block-size values.

See this blue div element with different max-block-size values.

See this blue div element with different max-block-size values.

See this blue div element with different max-block-size values.

See this blue div element with different max-block-size values.

See this blue div element with different max-block-size values.

See this blue div element with different max-block-size values.

See this blue div element with different max-block-size values.

See this blue div element with different max-block-size values.

See this blue div element with different max-block-size values.

See this blue div element with different max-block-size values.

See this blue div element with different max-block-size values.

See this blue div element with different max-block-size values.

See this blue div element with different max-block-size values.

See this blue div element with different max-block-size values.

See this blue div element with different max-block-size values.

See this blue div element with different max-block-size values.

Play more with the code in our Tryit yourself editor: Try it Yourself ❯