CSS Reference

A

accent-color	Specify an accent color for user-interface controls
align-content	Specify the alignment between the lines inside a flexible container when the items do not use all available space
align-items	Specify the alignment for items inside a flexible container
align-self	Specify the alignment for selected items inside a flexible container
all	Resets all properties (except unicode-bidi and direction)
animation	A shorthand property for all the animation-* properties
animation-delay	Specify a delay for the start of an animation
animation-direction	Specify whether an animation should be played forwards, backwards or in alternate cycles
animation-duration	Specify how long an animation should take to complete one cycle
animation-fill-mode	Specifies a style for the element when the animation is not playing (before it starts, after it ends, or both)
animation-iteration-count	Specify the number of times an animation should be played
animation-name	Specify a name for the @keyframes animation
animation-play-state	Specify whether the animation is running or paused
animation-timing-function	Specify the speed curve of an animation

B

backdrop-filter	Defines a graphical effect to the area behind an element
backface-visibility	Defines whether or not the back face of an element should be visible when facing the user
background	A shorthand property for all the background-* properties
background-attachment	Set whether a background image scrolls with the rest of the page, or is fixed
background-blend-mode	Specify the blending mode of each background layer (color/image)
background-clip	Defines how far the background (color or image) should extend within an element
background-color	Specify the background color of an element
background-image	Specify one or more background images for an element
background-origin	Specify the origin position of a background image
background-position	Specify the position of a background image
background-repeat	Sets if/how a background image will be repeated
background-size	Specify the size of the background images
border	A shorthand property for border-width, border-style and border-color
border-bottom	A shorthand property for border-bottom-width, border-bottom-style and border-bottom-color
border-bottom-color	Sets the color of the bottom border
border-bottom-left-radius	Defines the radius of the border of the bottom-left corner
border-bottom-right-radius	Defines the radius of the border of the bottom-right corner
border-bottom-style	Sets the style of the bottom border
border-bottom-width	Sets the width of the bottom border
border-collapse	Set whether table borders should collapse into a single border or be separated
border-color	Sets the color of the four borders
border-image	A shorthand property for all the border-image-* properties
border-image-outset	Specify the amount by which the border image area extends beyond the border box
border-image-repeat	Specify whether the border image should be repeated, rounded or stretched
border-image-slice	Specifies how to slice the border image
border-image-source	Specify the path to the image to be used as a border
border-image-width	Specify the width of the border image
border-left	A shorthand property for all the border-left-* properties
border-left-color	Sets the color of the left border
border-left-style	Sets the style of the left border
border-left-width	Sets the width of the left border
border-radius	A shorthand property for the four border-*-radius properties
border-right	A shorthand property for all the border-right-* properties
border-right-color	Sets the color of the right border
border-right-style	Sets the style of the right border
border-right-width	Set the width of the right border
border-spacing	Set the distance between the borders of adjacent cells
border-style	Sets the style of the four borders
border-top	A shorthand property for border-top-width, border-top-style and border-top-color
border-top-color	Sets the color of the top border
border-top-left-radius	Defines the radius of the border of the top-left corner
border-top-right-radius	Defines the radius of the border of the top-right corner
border-top-style	Sets the style of the top border
border-top-width	Sets the width of the top border
border-width	Sets the width of the four borders
bottom	Sets the elements position, from the bottom of its parent element
box-decoration-break	Set the behavior of the background and border of an element at page-break, or, for in-line elements, at line-break.
box-shadow	Attaches one or more shadows to an element
box-sizing	Defines how the width and height of an element are calculated: should they include padding and borders, or not
break-after	Specifies whether or not a page-, column-, or region-break should occur after the specified element
break-before	Specifies whether or not a page-, column-, or region-break should occur before the specified element
break-inside	Specifies whether a page-, column-, or region-break should occur inside the specified element

C

caption-side	Specify the placement of a table caption
caret-color	Specify the color of the cursor (caret) in inputs, textareas, or any element that is editable
@charset	Specify the character encoding used in the style sheet
clear	Specify what should happen with the element that is next to a floating element
clip	Clips an absolutely positioned element
color	Sets the color of text
column-count	Specify the number of columns an element should be divided into
column-fill	Specifies how to fill columns, balanced or not
column-gap	Specify the gap between the columns
column-rule	A shorthand property for all the column-rule-* properties
column-rule-color	Specify the color of the rule between columns
column-rule-style	Specifies the style of the rule between columns
column-rule-width	Specify the width of the rule between columns
column-span	Specify how many columns an element should span across
column-width	Specify the column width
columns	A shorthand property for column-width and column-count
content	Used with the :before and :after pseudo-elements, to insert generated content
counter-increment	Increases or decreases the value of one or more CSS counters
counter-reset	Creates or resets one or more CSS counters
cursor	Specify the mouse cursor to be displayed when pointing over an element

D

direction	Specify the text direction/writing direction
display	Specify how a certain HTML element should be displayed

E

empty-cells

Specify whether or not to display borders and background on empty cells in a table

F

filter	Defines effects (e.g., blurring or color shifting) on an element before the element is displayed
flex	A shorthand property for the flex-grow, flex-shrink, and the flex-basis properties
flex-basis	Specify the initial length of a flexible item
flex-direction	Specify the direction of the flexible items
flex-flow	A shorthand property for the flex-direction and the flex-wrap properties
flex-grow	Specify how much the item will grow relative to the rest
flex-shrink	Specify how the item will shrink relative to the rest
flex-wrap	Specify whether the flexible items should wrap or not
float	Specify whether an element should float to the left, right, or not at all
font	A shorthand property for the font-style, font-variant, font-weight, font-size/line-height, and the font-family properties
@font-face	A rule that allows websites to download and use fonts other than the "web-safe" fonts
font-family	Specify the font family for text
font-feature-settings	Allows control over advanced typographic features in OpenType fonts
@font-feature-values	Allows authors to use a common name in font-variant-alternate for feature activated differently in OpenType
font-kerning	Controls the usage of the kerning information (how letters are spaced)
font-language-override	Controls the usage of language-specific glyphs in a typeface
font-size	Specify the font size of text
font-size-adjust	Preserves the readability of text when font fallback occurs
font-stretch	Select a normal, condensed, or expanded face from a font family
font-style	Specify the font style for text
font-synthesis	Controls which missing typefaces (bold or italic) may be synthesized by the browser
font-variant	Specifies whether or not a text should be displayed in a small-caps font
font-variant-alternates	Controls the usage of alternate glyphs associated to alternative names defined in @font-feature-values
font-variant-caps	Controls the usage of alternate glyphs for capital letters
font-variant-east-asian	Controls the usage of alternate glyphs for East Asian scripts (e.g Japanese and Chinese)
font-variant-ligatures	Controls which ligatures and contextual forms are used in textual content of the elements it applies to
font-variant-numeric	Controls the usage of alternate glyphs for numbers, fractions, and ordinal markers
font-variant-position	Controls the usage of alternate glyphs of smaller size positioned as superscript or subscript regarding the baseline of the font
font-weight	Specify the weight of a font

G

gap	A shorthand property for the row-gap and the column-gap properties
grid	A shorthand property for the grid-template-rows, grid-template-columns, grid-template-areas, grid-auto-rows, grid-auto-columns, and the grid-auto-flow properties
grid-area	Either specifies a name for the grid item, or this property is a shorthand property for the grid-row-start, grid-column-start, grid-row-end, and grid-column-end properties
grid-auto-columns	Specifies a default column size
grid-auto-flow	Specify how auto-placed items are inserted in the grid
grid-auto-rows	Specifies a default row size
grid-column	A shorthand property for the grid-column-start and the grid-column-end properties
grid-column-end	Specify where to end the grid item
grid-column-gap	Specifies the size of the gap between columns
grid-column-start	Specify where to start the grid item
grid-gap	A shorthand property for the grid-row-gap and grid-column-gap properties
grid-row	A shorthand property for the grid-row-start and the grid-row-end properties
grid-row-end	Specify where to end the grid item
grid-row-gap	Specifies the size of the gap between rows
grid-row-start	Specify where to start the grid item
grid-template	A shorthand property for the grid-template-rows, grid-template-columns and grid-areas properties
grid-template-areas	Specify how to display columns and rows, using named grid items
grid-template-columns	Specifies the size of the columns, and how many columns in a grid layout
grid-template-rows	Specify the size of the rows in a grid layout

H

hanging-punctuation	Specifies whether a punctuation character may be placed outside the line box
height	Sets the height of an element
hyphens	Set how to split words to improve the layout of paragraphs

I

image-rendering	Specify the type of algorithm to use for image scaling
@import	Allows you to import a style sheet into another style sheet
isolation	Defines whether an element must create a new stacking content

J

justify-content

Specify the alignment between the items inside a flexible container when the items do not use all available space

K

@keyframes

Specify the animation code

L

left	Specify the left position of a positioned element
letter-spacing	Increases or decreases the space between characters in a text
line-break	Specify how/if to break lines
line-height	Sets the line height
list-style	Set all the properties for a list in one declaration
list-style-image	Specify an image as the list-item marker
list-style-position	Specify the position of the list-item markers (bullet points)
list-style-type	Specify the type of list-item marker

M

margin	Set all the margin properties in one declaration
margin-bottom	Sets the bottom margin of an element
margin-left	Sets the left margin of an element
margin-right	Set the right margin of an element
margin-top	Sets the top margin of an element
mask	Hides parts of an element by masking or clipping an image at specific places
mask-clip	Specify the mask area
mask-composite	Represents a compositing operation used on the current mask layer with the mask layers below it
mask-image	Specify an image to be used as a mask layer for an element
mask-mode	Specify whether the mask layer image is treated as a luminance mask or as an alpha mask
mask-origin	Specify the origin position (the mask position area) of a mask layer image
mask-position	Set the starting position of a mask layer image (relative to the mask position area)
mask-repeat	Specify how the mask layer image is repeated
mask-size	Specify the size of a mask layer image
mask-type	Specifies whether an SVG <mask> an element is treated as a luminance mask or as an alpha mask
max-height	Sets the maximum height of an element
max-width	Sets the maximum width of an element
@media	Sets the style rules for different media types/devices/sizes
min-height	Sets the minimum height of an element
min-width	Sets the minimum width of an element
mix-blend-mode	Specifies how an element's content should blend with its direct parent background

O

object-fit	Specify how the contents of a replaced element should be fitted to the box established by its used height and width
object-position	Specify the alignment of the replaced element inside its box
opacity	Set the opacity level for an element
order	Set the order of the flexible item, relative to the rest
orphans	Set the minimum number of lines that must be left at the bottom of a page or column
outline	A shorthand property for the outline-width, outline-style, and the outline-color properties
outline-color	Sets the color of an outline
outline-offset	Offsets an outline, and draws it beyond the border edge
outline-style	Sets the style of an outline
outline-width	Sets the width of an outline
overflow	Specify what happens if content overflows an element's box
overflow-wrap	Specify whether or not the browser can break lines with long words if they overflow the container
overflow-x	Specifies whether or not to clip the left/right edges of the content if it overflows the element's content area
overflow-y	Specify whether or not to clip the top/bottom edges of the content if it overflows the element's content area

P

padding	A shorthand property for all the padding-* properties
padding-bottom	Set the bottom padding of an element
padding-left	Set the left padding of an element
padding-right	Set the right padding of an element
padding-top	Set the top padding of an element
page-break-after	Set the page-break behavior after an element
page-break-before	Set the page-break behavior before an element
page-break-inside	Set the page-break behavior inside an element
perspective	Gives a 3D-positioned element some perspective
perspective-origin	Defines at which position the user is looking at the 3D-positioned element
pointer-events	Defines whether or not an element reacts to pointer events
position	Specify the type of positioning method used for an element (static, relative, absolute or fixed)

Q

quotes

Set the type of quotation marks for embedded quotations

R

resize	Defines if (and how) an element is resizable by the user
right	Specify the right position of a positioned element
row-gap	Specify the gap between the grid rows

S

scroll-behavior

Specify whether to smoothly animate the scroll position in a scrollable box, instead of a straight jump

T

tab-size	Specify the width of a tab character
table-layout	Defines the algorithm used to lay out table cells, rows, and columns
text-align	Specify the horizontal alignment of a text
text-align-last	Describes how the last line of a block or a line right before a forced line break is aligned when text-align is "justify"
text-combine-upright	Specify the combination of multiple characters into the space of a single character
text-decoration	Specifies the decoration added to text
text-decoration-color	Specify the color of the text-decoration
text-decoration-line	Specify the type of line in a text-decoration
text-decoration-style	Specifies the style of the line in a text decoration
text-decoration-thickness	Specify the thickness of the decoration line
text-emphasis	Applies emphasis marks to text
text-indent	Specify the indentation of the first line in a text-block
text-justify	Specify the justification method used when text-align is "justify"
text-orientation	Defines the orientation of the text in a line
text-overflow	Specify what should happen when text overflows the containing element
text-shadow	Adds shadow to text
text-transform	Controls the capitalization of text
text-underline-position	Specify the position of the underline which is set using the text-decoration property
top	Specify the top position of a positioned element
transform	Applies a 2D or 3D transformation to an element
transform-origin	Allows you to change the position on transformed elements
transform-style	Specify how nested elements are rendered in 3D space
transition	A shorthand property for all the transition-* properties
transition-delay	Specify when the transition effect will start
transition-duration	Specifies how many seconds or milliseconds a transition effect takes to complete
transition-property	Specify the name of the CSS property the transition effect is for
transition-timing-function	Specify the speed curve of the transition effect

U

unicode-bidi	Used together with the direction property to set or return whether the text should be overridden to support multiple languages in the same document
user-select	Specify whether the text of an element can be selected

V

vertical-align	Sets the vertical alignment of an element
visibility	Specify whether or not an element is visible

W

white-space	Specify how white-space inside an element is handled
widows	Set the minimum number of lines that must be left at the top of a page or column
width	Set the width of an element
word-break	Specifies how words should break when reaching the end of a line
word-spacing	Increases or decreases the space between words in a text
word-wrap	It Allows long, unbreakable words to be broken and wrap to the next line
writing-mode	Specify whether lines of text are laid out horizontally or vertically

Z

z-index

Set the stack order of a positioned element