-webkit-box-flex
-webkit-box-flex is a CSS property in the Layout category. Controls the layout and rendering behavior of elements. The syntax is -webkit-box-flex: <number>. A typical example: -webkit-box-flex: 1; It is commonly applied to markup such as <div class="demo">Sample</div> Browser support: Chrome 29+, Firefox 22+, Safari 9+, Edge 12+. A close relative is display, which sets the display behavior of an element. A close relative is visibility, which controls whether an element is visible. A close relative is overflow, which controls how overflowing content is displayed. More about this category: CSS layout properties for positioning and arranging elements on a web page. Related Layout entries: display, visibility, overflow, overflow-x, overflow-y, contain, resize, object-fit. This page is part of the free CSS Reference documentation covering 841+ properties, selectors, functions, and at-rules, each with syntax, values, examples, and browser support. You can look up any other entry from the search page or return to the CSS Reference homepage.