This shows you the differences between two versions of the page.
Previous revision | |||
— | ideas:margin-collapsing [2021/10/01 12:48] (current) – more ideas from Miriam and fantasai fantasai | ||
---|---|---|---|
Line 1: | Line 1: | ||
+ | ====== Margin Collapse Controls ====== | ||
+ | |||
+ | This page is recording ideas on margin controls. | ||
+ | |||
+ | === Syntax Summary === | ||
+ | |||
+ | margin-trim: | ||
+ | margin-trim-skip: | ||
+ | margin-break: | ||
+ | margin-collapse: | ||
+ | margin-start-collapse | ||
+ | margin-end-collapse | ||
+ | | ||
+ | < | ||
+ | |||
+ | === margin-trim === | ||
+ | |||
+ | '' | ||
+ | |||
+ | When applied to a box generating a fragmentation context, it trims also at the start and end of each generated fragmentation container unless those margins have '' | ||
+ | |||
+ | * applied to multicol, trims at block-start and block-end of each column | ||
+ | * applied to the root, trims at the block-start and block-end of each page when printing | ||
+ | |||
+ | === margin-trim-skip === | ||
+ | |||
+ | '' | ||
+ | |||
+ | === margin-break === | ||
+ | |||
+ | '' | ||
+ | |||
+ | * '' | ||
+ | * '' | ||
+ | * '' | ||
+ | |||
+ | The second value applies to the end axis. It otherwise defaults to '' | ||
+ | |||
+ | ISSUE: Should '' | ||
+ | |||
+ | === margin-collapse === | ||
+ | |||
+ | margin-*-collapse is the standard "I want to control whether margins collapse" | ||
+ | |||
+ | * '' | ||
+ | * '' | ||
+ | * '' | ||
+ | |||
+ | == Future Extension == | ||
+ | |||
+ | * '' | ||
+ | * block-axis block margins | ||
+ | * main-axis flex margins | ||
+ | * inline-axis inline margins | ||
+ | * masonry-axis margins | ||
+ | * in future layout models, in any axis where each item is positioned flush with the previous | ||
+ | |||
+ | (This is marked as a future extension, because it would be the hardest one to implement.) | ||