CSS Dojo道場 · practice
All tracks

Track

Logical Properties

inline-size, block-size, margin-inline, inset-block — the flow-relative way to describe size and space.

  1. 01Width, but flow-relative★★★
  2. 02Height, but flow-relative★★★
  3. 03Horizontal margins, logically★★★
  4. 04Vertical margins, logically★★★
  5. 05Padding on both axes★★★
  6. 06Borders on both axes★★★
  7. 07Positioning with inset★★★
  8. 08Start and end★★★
  9. 09Centring with logical auto★★★
  10. 10Boss: the logical card★★★