kb/data/developer.mozilla.org/en-US/docs/Glossary/Flex-0.md

title	chunk	source	category	tags	date_saved	instance
Flex - Glossary | MDN	1/3	https://developer.mozilla.org/en-US/docs/Glossary/Flex	reference	web, html, css, javascript, documentation	2026-05-05T05:31:45.904848+00:00	kb-cron

• Skip to main content
• Skip to search

MDN HTML HTML: Markup language

HTML reference

• Elements
• Global attributes
• Attributes
• See all…

HTML guides

• Responsive images
• HTML cheatsheet
• Date & time formats
• See all…

Markup languages

• SVG
• MathML
• XML

CSS CSS: Styling language

CSS reference

• Properties
• Selectors
• At-rules
• Values
• See all…

CSS guides

• Box model
• Animations
• Flexbox
• Colors
• See all…

Layout cookbook

• Column layouts
• Centering an element
• Card component
• See all…

JavaScriptJS JavaScript: Scripting language

JS reference

• Standard built-in objects
• Expressions & operators
• Statements & declarations
• Functions
• See all…

JS guides

• Control flow & error handing
• Loops and iteration
• Working with objects
• Using classes
• See all…

Web APIs Web APIs: Programming interfaces

Web API reference

• File system API
• Fetch API
• Geolocation API
• HTML DOM API
• Push API
• Service worker API
• See all…

Web API guides

• Using the Web animation API
• Using the Fetch API
• Working with the History API
• Using the Web speech API
• Using web workers

All All web technology

Technologies

• Accessibility
• HTTP
• URI
• Web extensions
• WebAssembly
• WebDriver
• See all…

Topics

• Media
• Performance
• Privacy
• Security
• Progressive web apps

Learn Learn web development

Frontend developer course

• Getting started modules
• Core modules
• MDN Curriculum
• Check out the video course from Scrimba, our partner

Learn HTML

• Structuring content with HTML module

Learn CSS

• CSS styling basics module
• CSS layout module

Learn JavaScript

• Dynamic scripting with JavaScript module

Tools Discover our tools

• Playground

• HTTP Observatory

• Border-image generator

• Border-radius generator

• Box-shadow generator

• Color format converter

• Color mixer

• Shape generator

About Get to know MDN better

• About MDN

• Advertise with us

• Community

• MDN on GitHub

Blog

1. Glossary
2. Flex

Flex

flex is a value of the CSS display property. Along with inline-flex, it causes the element it applies to become a flex container, and the element's children to each become a flex item. The items then participate in flex layout, and all of the properties defined in the CSS flexible box layout module may be applied. There is also a flex property, which is a shorthand for the flexbox properties flex-grow, flex-shrink and flex-basis. This property is only applicable to flex containers. In addition <flex> can refer to a flexible length in CSS Grid Layout.

In this article

• Related CSS properties
• See also

Related CSS properties

• align-content
• align-items
• align-self
• flex
• flex-basis
• flex-direction
• flex-flow
• flex-grow
• flex-shrink
• flex-wrap
• gap
• justify-content
• order
• place-items
• place-self

See also

• Basic concepts of flexbox
• Relationship of flexbox to other layout methods
• Aligning items in a flex container
• Ordering flex items
• Controlling ratios of flex items along the main axis
• Mastering wrapping of flex items
• Typical use cases of flexbox