CSS Properties
Articles and talks about CSS properties.
Featured properties
- aspect-ratio
Sets a preferred aspect ratio for the box.
- clip-path
Specifies a basic shape or references a clipPath element to create a clipping path.
- contain
Indicate that an element and its contents are independent of the rest of the document tree.
- content
Dictates what is rendered inside an element or pseudo-element.
- content-visibility
Controls whether or not an element renders its contents at all.
- display
Defines an element’s display type.
- display: contents
An element doesn't generate any boxes, but its children still do.
- display: grid
A grid container establishes a new grid formatting context for its contents.
- flex-grow
Sets the flex grow factor to the provided number.
- grid-column
Determines a grid item’s size and location within the grid .
- grid-row
Determines a grid item’s size and location within the grid .
- grid-template-areas
Specifies named grid areas.
- grid-template-columns
Specifies the track list for the grid’s columns.
- grid-template-rows
Specifies named grid areas.
- line-height
Specifies the height that is used in the calculation of the line box height.
- list-style-type
Specifies a list item’s marker.
- margin
Surrounds the border edge of a box, providing spacing between boxes.
- mask-image
Sets the mask layer image of an element.
- position: absolute
A box is explicitly offset with respect to its containing block.
- position: sticky
Makes an element stick.
- scroll-behavior
Specifies the scrolling behavior for a scrolling box.
- scroll-margin
Represents outsets defining the scroll snap area that is used for snapping this box to the snapport.
- scroll-snap-type
Specifies whether a scroll container is a scroll snap container, how strictly it snaps, and which axes are considered.
- writing-mode
Specifies whether lines of text are laid out horizontally or vertically and the direction in which blocks progress.