Reference Page of CSS by Type

To help improve navigation, I’m proposing there be a page that has the CSS reference page organized by type.
One option is to use the CSS modules to organize by type.
The following list is a rough classification of modules.
(This list only includes modules for properties and at-rules.)

The meta class relates to CSS stylesheets, document types, rendering, browsers, and devices.
The interface class relates to scrollbars, cursor, and selection interacting with the document.
The document class relates to content and it’s layout within the HTML document.

Meta:

  • CSS Containment
  • CSS Miscellaneous
  • CSS Variables
  • CSS Will Change
  • CSS Conditional Rules
  • CSS Device Adaptation
  • CSS Namespaces
  • CSS Charsets
  • Media Queries

Interface:

  • CSS Basic User Interface
  • CSS Scroll Anchoring
  • CSS Scroll Snap
  • CSS Scrollbars
  • CSSOM View
  • Pointer Events

Document Content:

-Generated

  • CSS Counter Styles
  • CSS Generated Content
  • CSS Lists and Counters

-Typography

  • CSS Fonts
  • CSS Inline
  • CSS Ruby
  • CSS Text
  • CSS Text Decoration
  • CSS Writing Modes

-Graphics

  • CSS Backgrounds and Borders
  • CSS Color
  • CSS Images
  • CSS Masking
  • CSS Shapes
  • Compositing and Blending
  • Filter Effects

Document Form(Layout):

-Spatial(Dimensions and Position)

  • CSS Box Alignment
  • CSS Box Model
  • CSS Columns
  • CSS Display
  • CSS Flexible Box Layout
  • CSS Fragmentation
  • CSS Grid Layout
  • CSS Logical Properties
  • CSS Overflow
  • CSS Pages
  • CSS Positioning
  • CSS Table
  • CSS Transforms

-Temporal

  • CSS Animations
  • CSS Motion Path
  • CSS Transitions