1. background-position-x & background-position-y

    CSS longhand properties to define x or y positions separately.

  2. CSS background-position edge offsets

    Allows CSS background images to be positioned relative to the specified edge using the 3 to 4 value syntax. For example: `background-position: right 5px bottom 5px;` for positioning 5px from the bottom-right corner.

  3. CSS position:fixed

    Method of keeping an element in a fixed location regardless of scroll position

  4. :is() CSS pseudo-class

    The `:is()` (formerly `:matches()`, formerly `:any()`) pseudo-class checks whether the element at its position in the outer selector matches any of the selectors in its selector list. It's useful syntactic sugar that allows you to avoid writing out all the combinations manually as separate selectors. The effect is similar to nesting in Sass and most other CSS preprocessors.

  5. CSS Motion Path

    Allows elements to be animated along SVG paths or shapes via the `offset-path` property. Originally defined as the `motion-path` property.

  6. CSS overflow-anchor (Scroll Anchoring)

    Changes in DOM elements above the visible region of a scrolling box can result in the page moving while the user is in the middle of consuming the content. By default, the value of `overflow-anchor` is `auto`, it can mitigate this jarring user experience by keeping track of the position of an anchor node and adjusting the scroll offset accordingly

  7. CSS overscroll-behavior

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

  8. CSS @scroll-timeline

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

  9. CSS Scroll Snap

    CSS technique that allows customizable scrolling experiences like pagination of carousels by setting defined snap positions.

  10. CSS position:sticky

    Keeps elements positioned as "fixed" or "relative" depending on how it appears in the viewport. As a result the element is "stuck" when necessary while scrolling.

  11. CSS text-box-trim & text-box-edge

    Provides the ability to remove the vertical space appearing above and below text glyphs, allowing more precise positioning and alignment. Previously specified as the `leading-trim` & `text-edge` properties.

  12. CSS Flexible Box Layout Module

    Method of positioning elements in horizontal or vertical stacks. Support includes all properties prefixed with `flex`, as well as `display: flex`, `display: inline-flex`, `align-content`, `align-items`, `align-self`, `justify-content` and `order`.

  13. CSS3 object-fit/object-position

    Method of specifying how an object (image or video) should fit inside its box. object-fit options include "contain" (fit according to aspect ratio), "fill" (stretches object to fill) and "cover" (overflows box but maintains ratio), where object-position allows the object to be repositioned like background-image does.

  14. CSS will-change property

    Method of optimizing animations by informing the browser which elements will change and what properties will change.

  15. csspositionvalue api

  16. csspositionvalue api: x

  17. csspositionvalue api: y

  18. css property: -webkit-mask-position-x

  19. css property: -webkit-mask-position-y

  20. css property: animation-composition

  21. css property: background-position

  22. css property: background-position-x: two-value syntax (support for offsets from any edge)

  23. css property: background-position-y

  24. css property: background-position-y: two-value syntax (support for offsets from any edge)

  25. css property: background-position: multiple backgrounds

  26. css property: cursor: `url()` positioning syntax

  27. css property: font-synthesis-position

  28. css property: font-synthesis: `position`

  29. css property: font-variant-position

  30. css property: list-style-position

  31. css property: mask-position

  32. css property: object-position

  33. css property: offset-position

  34. css property: offset-position: `normal` keyword value

  35. css property: position

  36. css property: position: absolutely-positioned flex children

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

  38. css property: ruby-position

  39. css property: ruby-position: `alternate`

  40. css property: ruby-position: `inter-character`

  41. css property: text-emphasis-position

  42. css property: text-emphasis-position: `left` and `right`

  43. css property: text-emphasis-position: over

  44. css property: text-emphasis-position: under

  45. css property: text-underline-offset

  46. css property: text-underline-position

  47. css property: text-underline-position: `from-font`

  48. css property: text-underline-position: left

  49. css property: text-underline-position: right

  50. css property: text-underline-position: `under`