Skip to content

Instantly share code, notes, and snippets.

@jonathantneal
Last active March 8, 2021 13:38
Show Gist options
  • Save jonathantneal/5996a3e9b33d7a6afa5d to your computer and use it in GitHub Desktop.
Save jonathantneal/5996a3e9b33d7a6afa5d to your computer and use it in GitHub Desktop.

CSS properties that trigger layout

  1. border, border-collapse, border-width
  • box-sizing
  • float
  • font, font-family, font-size, font-weight, line-height
  • height
  • letter-spacing
  • margin
  • max-height
  • max-width
  • min-height
  • min-width
  • overflow, overflow-x, overflow-y
  • padding
  • position, position: relative + ( bottom, left, right, top )
  • text-align
  • vertical-align
  • white-space
  • width
  • word-break
  • word-spacing
  • word-wrap
  • zoom

And possibly:

  1. transform
  • flex

transform doesn't affect sizing (though it does affect scroll area). — @tabatkins

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment