Discover published sets by community

Determines the width of an element. Values: '200px', '50%', 'auto'.

Sets the maximum width of an element. Accepts 'none', '500px', '80%', etc. If content is larger than the max width, it will overflow according to the overflow property.

Specifies the font for text. Values: 'Arial', 'Times New Roman', 'Helvetica', sans-serif etc.

Specifies the type of cursor to be displayed. Values: 'auto', 'default', 'pointer', 'crosshair', 'help', etc.

Specifies the style of a list and its items. Values: 'disc', 'circle', 'square', 'none', 'inside', 'outside', 'url(image.png)'. It's a shorthand for list-style-type, list-style-position, and list-style-image.

Specifies whether an element should float to the left, right, or none. Values: 'left', 'right', 'none'. When set, content will flow around the floated element.

Specifies the positioning method of an element. Values: 'static', 'relative', 'absolute', 'fixed', 'sticky'.

Specifies the horizontal alignment of text. Values: 'left', 'right', 'center', 'justify'.

Specifies the transition effect for CSS properties when they change. Values: 'property duration timing-function delay'. For example, 'opacity 0.5s ease-in 1s'.

Sets the minimum height of an element. Accepts '0', '200px', '50vh', etc. Ensures that an element is at least a certain height.

Sets the background color of an element. Values: 'blue', '#0000ff', 'rgb(0, 0, 255)', 'rgba(0, 0, 255, 0.3)' etc.

Aligns flex items on the cross axis of the current line of the flex container. Values: 'flex-start', 'flex-end', 'center', 'baseline', 'stretch'.

Controls the visibility of an element without changing the layout. Values: 'visible', 'hidden', 'collapse'.

Controls the space inside an element between the border and content. Values: '10px', '1em', '5%'. Can specify four values for each side or one value for all sides.

Applies shadow to an element. Values: 'h-offset v-offset blur spread color'. For example, '10px 10px 5px 0px #888888'.

Specifies the outline of an element. Values: '1px solid #000000', 'medium dashed green', none. It is similar to border but it does not take up space and may overlap other content.

Controls the size of the font. Values: '14px', '1em', '1.2rem', '120%' etc.

Specifies the display behavior of an element. Values: 'none', 'block', 'inline', 'inline-block', 'flex', 'grid'.

Specifies the animation for an element. Values: 'name duration timing-function delay iteration-count direction fill-mode'. For example, 'slidein 3s ease-in-out 1s infinite reverse none'.

Specifies text color. Values: 'red', '#ff0000', 'rgb(255, 0, 0)', 'rgba(255, 0, 0, 1)' etc.

Specifies the direction of flex items in a flex container. Values: 'row', 'row-reverse', 'column', 'column-reverse'.

Sets one or more background images for an element. Values: 'url(image.png)', 'none', 'linear-gradient(direction, color1, color2)', 'radial-gradient(center, color1, color2)'.

Specifies the border around an element. Values: '1px solid black', '2px dashed red', '3px dotted blue' etc. Can separately set border-style, border-width, and border-color.

Specifies what happens if content overflows an element's box. Values: 'visible', 'hidden', 'scroll', 'auto'.

Aligns flex items on the main axis of the current line of the flex container. Values: 'flex-start', 'flex-end', 'center', 'space-between', 'space-around'.

Controls the space outside of elements. Values: '10px', '1em', '5%'. Can specify four values for each side ('top right bottom left') or one value for all sides.

Determines the height of an element. Values: '100px', '30%', 'auto'.

Sets the transparency level of an element. Values: 0 (fully transparent), 0.5 (50% transparent), 1 (fully opaque).

Specifies the stack order of positioned elements. Values: integer (e.g. '1', '999', '-1'), 'auto'. Higher numbers are closer to the front.