Box-flex

Whether the children of a box are flexible or inflexible in size.

Syntax
      box-flex: flex

The flex is relative: a box-flex of 2 is twice as flexible as 1.
Default=0.0 (inflexible)

Examples:
h1 { box-flex: 25; }
.emw3class { box-flex: 4.5; }

#emw3id { box-flex: 2; }

Try it:

This sample area div has a box-flex value of 10
and is set as display: box;
This is a separate but adjacent DIV.

(CSS 3) Browser Support: None, use the equivalent -moz-box-flex for Firefox and -webkit-box-flex for Safari, Opera, and Chrome.

“Virtue in this world should be malleable” ~ Moliere

Related:

box-flex - MDN Web Docs.
box-align - Align the child elements of a box.
box-direction - The direction in which children of a box are displayed.
box-ordinal-group - Display order of the child elements of a box.
box-orient - Position child elements horizontally or vertically.
box-pack - Define the horizontal or vertical position or a box.


Copyright © 2013-2022 Emw3.com
Some rights reserved