Note
Access to this page requires authorization. You can try signing in or changing directories.
Access to this page requires authorization. You can try changing directories.
These are the latest features in the Stable release of Microsoft Edge DevTools.
CSS masonry layout support in the Elements tool
CSS masonry layout is supported in the Layout tab of the Elements tool. Masonry layout elements are displayed alongside grid layout elements:
In the Overlay display settings section, you can control whether to display:
- Line numbers or line names.
- Track sizes.
- Area names.
The masonry adorner appears next to elements in the DOM tree, similar to the grid or flex adorners:
See also:
- Inspect CSS Grid
- CSS Masonry demos
- Brick by brick: Help us build CSS Masonry - Blog post.
- Elements > Layout tab adds masonry layout support - Chromium What's New.
Announcements from the Chromium project
Microsoft Edge 141 also includes the following updates from the Chromium project:
- Persisted track configuration in the Performance panel
- Filter IP protected network requests
- Elements > Layout tab adds masonry layout support