CSS Reference

The font-family property sets which typeface the text uses. You list fonts in order of preference, and the browser uses the first one that is available.

The font-weight property sets how thick or thin text is drawn, from hairline 100 to heavy 900.

The background-size property controls how large a background image is drawn inside its element.

The align-items property aligns items along the cross axis of a flex or grid container. In a normal row, that means vertically.

The gap property sets the space between items in a grid or flex container, without adding space around the outside edges.

The aspect-ratio property keeps an element at a fixed width-to-height ratio, such as 16:9 for video or 1:1 for squares, while its size stays flexible.

The place-items property is a shorthand that sets align-items and justify-items at once. It is the shortest way to center content in a grid.

The object-fit property controls how an image or video fills its box when the box has a different shape than the media.

The backdrop-filter property applies effects such as blur to whatever is behind an element, which creates the popular frosted-glass look.

The clip-path property cuts an element into a shape. Everything outside the shape becomes invisible.