CSS "display" is Multi-Keyword Property — What You Need To Know
Learn how the multi-keyword syntax of CSS display property works.
Learn how the multi-keyword syntax of CSS display property works and why you should start using it, along with an explanation of Block Formatting Context (BFC) and newer Flow and Flow-Root display values.
Chapters
- 00:00 Intro & demo setup
- 00:42 How display property works with block & inline values
- 02:07 How display property works with flex & grid values
- 03:24 How inner and outer display type work
- 04:30 Multi-value mappings for existing values & browser support
- 05:04 How flow and flow-root values for display property work
- 05:37 What is Block Formatting Context (BFC)
- 06:23 How to clear float with flow-root property
- 08:24 Should you use multi-keyword syntax for display?
