1. CSS Containment

    The CSS `contain` property lets developers limit the scope of the browser's styles, layout and paint work for faster and more efficient rendering.

  2. CSS line-clamp

    CSS property that will contain text to a given amount of lines when used in combination with `display: -webkit-box`. It will end with ellipsis when `text-overflow: ellipsis` is included.

  3. CSS overscroll-behavior

    CSS property to control the behavior when the scroll position of a scroll container reaches the edge of the scrollport.

  4. CSS @scroll-timeline

    CSS property that allows animations to be driven by a container's scroll position

  5. gap property for Flexbox

    `gap` for flexbox containers to create gaps/gutters between flex items

  6. Variable fonts

    OpenType font settings that allows a single font file to behave like multiple fonts: it can contain all the allowed variations in width, weight, slant, optical size, or any other exposed axes of variation as defined by the font designer. Variations can be applied via the `font-variation-settings` property.

  7. css property: -webkit-line-box-contain

  8. css property: background-size: contain

  9. css property: contain

  10. css property: contain-intrinsic-block-size

  11. css property: contain-intrinsic-block-size: none

  12. css property: contain-intrinsic-height

  13. css property: contain-intrinsic-height: none

  14. css property: contain-intrinsic-inline-size

  15. css property: contain-intrinsic-inline-size: none

  16. css property: contain-intrinsic-size

  17. css property: contain-intrinsic-size: `auto none` value

  18. css property: contain-intrinsic-size: none

  19. css property: contain-intrinsic-width

  20. css property: contain-intrinsic-width: none

  21. css property: container

  22. css property: container-name

  23. css property: container-name: none

  24. css property: container-type

  25. css property: container-type: inline-size

  26. css property: container-type: normal

  27. css property: container-type: size

  28. css property: contain: content

  29. css property: contain: inline-size

  30. css property: contain: layout

  31. css property: contain: none

  32. css property: contain: paint

  33. css property: contain: size

  34. css property: contain: strict

  35. css property: contain: style

  36. css property: display: ruby-base-container

  37. css property: display: ruby-text-container

  38. css property: object-fit: contain

  39. css property: overscroll-behavior-block: contain

  40. css property: overscroll-behavior-inline: contain

  41. css property: overscroll-behavior-x: contain

  42. css property: overscroll-behavior-y: contain

  43. css property: overscroll-behavior: contain

  44. css property: position: table elements as `sticky` positioning containers

  45. css property: user-select: contain