1. CSS all property

    A shorthand property for resetting all CSS properties except for `direction` and `unicode-bidi`.

  2. CSS Animation

    Complex method of animating certain properties of an element

  3. CSS :any-link selector

    The `:any-link` CSS pseudo-class matches all elements that match `:link` or `:visited`

  4. CSS Appearance

    The `appearance` property defines how elements (particularly form controls) appear by default. By setting the value to `none` the default appearance can be entirely redefined using other CSS properties.

  5. CSS Counter Styles

    The @counter-style CSS at-rule allows custom counter styles to be defined. A @counter-style rule defines how to convert a counter value into a string representation.

  6. CSS background-blend-mode

    Allows blending between CSS background images, gradients, and colors.

  7. CSS print-color-adjust

    The `print-color-adjust` (or `-webkit-print-color-adjust` as prefixed in WebKit/Blink browsers) property is a CSS extension that can be used to force printing of background colors and images.

  8. 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.

  9. CSS Cross-Fade Function

    Image function to create a "crossfade" between images. This allows one image to transition (fade) into another based on a percentage value.

  10. CSS Environment Variables env()

    Usage of environment variables like `safe-area-inset-top`.

  11. CSS Filter Effects

    Method of applying filter effects using the `filter` property to elements, matching filters available in SVG. Filter functions include blur, brightness, contrast, drop-shadow, grayscale, hue-rotate, invert, opacity, sepia and saturate.

  12. CSS font-palette

    The font-palette CSS property allows selecting a palette from a color font. In combination with the `@font-palette-values` at-rule, custom palettes can be defined.

  13. CSS font-stretch

    If a font has multiple types of variations based on the width of characters, this property allows the appropriate one to be selected. The property in itself does not cause the browser to stretch to a font. Note that `font-stretch` is an alias of the [`font-width`](/wf-font-width) CSS property.

  14. CSS Gradients

    Method of defining a linear or radial color gradient as a CSS image.

  15. CSS Grid Layout (level 1)

    Method of using a grid concept to lay out content, providing a mechanism for authors to divide available space for layout into columns and rows using a set of predictable sizing behaviors. Includes support for all `grid-*` properties and the `fr` unit.

  16. CSS Grid Lanes

    CSS Grid Lanes extends CSS Grid to create layouts with columns *or* rows (not both), allowing mixed aspect ratio content to pack neatly (also known as "masonry" or "waterfall" layout).

  17. CSS if() function

    The `if()` CSS function allows different values to be set for a property depending on the result of a conditional test. The test can be based on a style query, a media query, or a feature query.

  18. CSS image-set

    Method of letting the browser pick the most appropriate CSS image from a given set.

  19. CSS initial value

    A CSS value that will apply a property's initial value as defined in the CSS specification that defines the property

  20. letter-spacing CSS property

    Controls spacing between characters of text (i.e. "tracking" in typographical terms). Not to be confused with kerning.

  21. 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.

  22. CSS Masks

    Method of displaying part of an element, using a selected image as a mask

  23. CSS Nesting

    CSS nesting provides the ability to nest one style rule inside another, with the selector of the child rule relative to the selector of the parent rule. Similar behavior previously required a CSS pre-processor.

  24. CSS Paged Media (@page)

    CSS at-rule (`@page`) to define page-specific rules when printing web pages, such as margin per page and page dimensions.

  25. CSS Painting API

    Allows programmatic generation of images used by CSS

  26. CSS :read-only and :read-write selectors

    :read-only and :read-write pseudo-classes to match elements which are considered user-alterable

  27. CSS revert value

    A CSS keyword value that resets a property's value to the default specified by the browser in its UA stylesheet, as if the webpage had not included any CSS. For example, `display:revert` on a `<div>` would result in `display:block`. This is in contrast to the `initial` value, which is simply defined on a per-property basis, and for `display` would be `inline`.

  28. CSS Scroll-behavior

    Method of specifying the scrolling behavior for a scrolling box, when scrolling happens due to navigation or CSSOM scrolling APIs.

  29. CSS 2.1 selectors

    Basic CSS selectors including: `*` (universal selector), `>` (child selector), `:first-child`, `:link`, `:visited`, `:active`, `:hover`, `:focus`, `:lang()`, `+` (adjacent sibling selector), `[attr]`, `[attr="val"]`, `[attr~="val"]`, `[attr|="bar"]`, `.foo` (class selector), `#foo` (id selector)

  30. CSS Shapes Level 1

    Allows geometric shapes to be set in CSS to define an area for text to flow around. Includes properties `shape-outside`, `shape-margin` and `shape-image-threshold`

  31. CSS Scroll Snap

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

  32. CSS Subgrid

    Feature of the CSS Grid Layout Module Level 2 that allows a grid-item with its own grid to align in one or both dimensions with its parent grid.

  33. CSS.supports() API

    The CSS.supports() static method returns a Boolean value indicating if the browser supports a given CSS feature, or not.

  34. CSS text-justify

    CSS property to define how text should be justified when `text-align: justify` is set.

  35. CSS touch-action property

    touch-action is a CSS property that controls filtering of gesture events, providing developers with a declarative mechanism to selectively disable touch scrolling (in one or both axes) or double-tap-zooming.

  36. CSS3 Transitions

    Simple method of animating certain properties of an element, with ability to define property, duration, delay and timing function.

  37. CSS unset value

    A CSS value that's the same as "inherit" if a property is inherited or "initial" if a property is not inherited.

  38. CSS Variables (Custom Properties)

    Permits the declaration and usage of cascading variables in stylesheets.

  39. CSS @when / @else conditional rules

    Syntax allowing CSS conditions (like media and support queries) to be written more simply, as well as making it possible to write mutually exclusive rules using `@else` statements.

  40. CSS writing-mode property

    Property to define whether lines of text are laid out horizontally or vertically and the direction in which blocks progress.

  41. CSS zoom

    Method of scaling content while also affecting layout.

  42. CSS3 attr() function for all properties

    While `attr()` is supported for effectively all browsers for the `content` property, CSS Values and Units Level 5 adds the ability to use `attr()` on **any** CSS property, and to use it for non-string values (e.g. numbers, colors).

  43. CSS3 Cursors (original values)

    CSS3 cursor values added in the 2004 spec, including none, context-menu, cell, vertical-text, alias, copy, no-drop, not-allowed, nesw-resize, nwse-resize, col-resize, row-resize and all-scroll.

  44. CSS3 Cursors: zoom-in & zoom-out

    Support for `zoom-in`, `zoom-out` values for the CSS3 `cursor` property.

  45. CSS currentColor value

    A CSS value that will apply the existing `color` value to other properties like `background-color`, etc.

  46. 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`.

  47. CSS outline properties

    The CSS outline properties draw a border around an element that does not affect layout, making it ideal for highlighting. This covers the `outline` shorthand, as well as `outline-width`, `outline-style`, `outline-color` and `outline-offset`.

  48. SVG in CSS backgrounds

    Method of using SVG images as CSS backgrounds

  49. CSS3 2D Transforms

    Method of transforming an element including rotating, scaling, etc. Includes support for `transform` as well as `transform-origin` properties.

  50. CSS3 3D Transforms

    Method of transforming an element in the third dimension using the `transform` property. Includes support for the `perspective` property to set the perspective in z-space and the `backface-visibility` property to toggle display of the reverse side of a 3D-transformed element.