CSS Layout API and Scope
Build custom layout algorithms with the CSS Layout API and understand Houdini's scope and limits.
CSS Houdini Overview
CSS Houdini is a collection of low-level APIs that expose parts of the CSS rendering engine to JavaScript. It includes: Typed OM, Properties & Values API, Paint API, Layout API, and Animation Worklet. Together they enable custom CSS extensions.
What is the CSS Layout API?
The CSS Layout API allows developers to define custom layout algorithms in JavaScript that can be used as values for the CSS display property. You can create layouts as powerful as Grid or Flexbox.
All lessons in this course
- The CSS Typed Object Model (OM)
- CSS Properties and Values API (@property)
- CSS Paint API: Worklets
- CSS Layout API and Scope