Web features explorer

Flexbox gap

Widely Available (since 2023-10-26)

The gap CSS property in a flexbox layout sets the size of the space between items.

Browser support (view on caniuse.com)

  • Chrome 84 Released on 2020-07-27
  • Chrome Android 84 Released on 2020-07-27
  • Edge 84 Released on 2020-07-16
  • Firefox 63 Released on 2018-10-23
  • Firefox for Android 63 Released on 2018-10-23
  • Safari 14.1 Released on 2021-04-26
  • Safari on iOS 14.5 Released on 2021-04-26

MDN documentation

Specifications

Usage (according to Chrome Platform Status)

~60.266% of page loads. More data at chromestatus.com.

Web Platform Tests (WPT)

View the latest WPT test results for this feature

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist