background-position-x & background-position-y
CSS longhand properties to define x or y positions separately.
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.
Method of keeping an element in a fixed location regardless of scroll position
: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.
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.
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
CSS property to control the behavior when the scroll position of a scroll container reaches the edge of the scrollport.
CSS property that allows animations to be driven by a container's scroll position
CSS Scroll Snap
CSS technique that allows customizable scrolling experiences like pagination of carousels by setting defined snap positions.
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.
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.
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`.
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.
Allows CSS rules to be scoped to part of the document, based on the position of the style element. The attribute has been [removed from the current specification](https://github.com/whatwg/html/issues/552).
CSS will-change property
Method of optimizing animations by informing the browser which elements will change and what properties will change.
csspositionvalue api: x
csspositionvalue api: y
css property: -webkit-mask-position-x
css property: -webkit-mask-position-y
css property: animation-composition
css property: background-position
css property: background-position-x: two-value syntax (support for offsets from any edge)
css property: background-position-y
css property: background-position-y: two-value syntax (support for offsets from any edge)
css property: background-position: multiple backgrounds
css property: cursor: `url()` positioning syntax
css property: font-variant-position
css property: list-style-position
css property: mask-position
css property: object-position
css property: offset-position
css property: position
css property: position: absolutely-positioned flex children
css property: position: table elements as `sticky` positioning containers
css property: ruby-position
css property: ruby-position: `alternate`
css property: ruby-position: `inter-character`
css property: text-emphasis-position
css property: text-emphasis-position: `left` and `right`
css property: text-underline-offset
css property: text-underline-position
css property: text-underline-position: `above` and `below`
css property: text-underline-position: `auto-pos`
css property: text-underline-position: `from-font`
css property: text-underline-position: `left` and `right`
css property: text-underline-position: `under`
types: `<image>`: `<gradient>`: `conic-gradient()`: double-position color stops
types: `<position>`: four-value syntax for offset from any edge
50 results found.