Property Description
color Sets the color of text
opacity Sets the opacity level for an element
Background and Border Properties
Property Description CSS
background A shorthand property for setting all the background properties in one declaration
background-attachment Sets whether a background image is fixed or scrolls with the rest of the page
background-blend-mode Specifies the blending mode of each background layer (color/image)
background-color Specifies the background color of an element
background-image Specifies one or more background images for an element
background-position Specifies the position of a background image
background-repeat Sets how a background image will be repeated
background-clip Specifies the painting area of the background
background-origin Specifies where the background image(s) is/are positioned
background-size Specifies the size of the background image(s)
border Sets all the border properties in one declaration
border-bottom Sets all the bottom border properties in one declaration
border-bottom-color Sets the color of the bottom border
border-bottom-left-radius Defines the shape of the border of the bottom-left corner
border-bottom-right-radius Defines the shape 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-color Sets the color of the four borders
border-image A shorthand property for setting all the border-image-* properties
border-image-outset Specifies the amount by which the border image area extends beyond the border
box
border-image-repeat Specifies whether the border image should be repeated, rounded or stretched
border-image-slice Specifies how to slice the border image
border-image-source Specifies the path to the image to be used as a border
border-image-width Specifies the widths of the image-border
border-left Sets all the left border properties in one declaration
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 setting all the four border-*-radius properties
border-right Sets all the right border properties in one declaration
border-right-color Sets the color of the right border
border-right-style Sets the style of the right border
border-right-width Sets the width of the right border
border-style Sets the style of the four borders
border-top Sets all the top border properties in one declaration
border-top-color Sets the color of the top border
border-top-left-radius Defines the shape of the border of the top-left corner
border-top-right-radius Defines the shape 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
box-decoration-break Sets the behaviour 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 drop-shadows to the box
Basic Box Properties
Property Description CSS
bottom Specifies the bottom position of a positioned element
clear Specifies which sides of an element where other floating elements are not allowed
clip Clips an absolutely positioned element
display Specifies how a certain HTML element should be displayed
float Specifies whether or not a box should float
height Sets the height of an element
left Specifies the left position of a positioned element
margin Sets 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 Sets the right margin of an element
margin-top Sets the top margin of an element
max-height Sets the maximum height of an element
max-width Sets the maximum width of an element
min-height Sets the minimum height of an element
min-width Sets the minimum width of an element
overflow
Specifies what happens if content overflows an element's box
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 Specifies whether or not to clip the top/bottom edges of the content, if it
overflows the element's content area
padding Sets all the padding properties in one declaration
padding-bottom Sets the bottom padding of an element
padding-left Sets the left padding of an element
padding-right Sets the right padding of an element
padding-top Sets the top padding of an element
position Specifies the type of positioning method used for an element (static, relative,
absolute or fixed)
right Specifies the right position of a positioned element
top Specifies the top position of a positioned element
visibility Specifies whether or not an element is visible
width Sets the width of an element
vertical-align Sets the vertical alignment of an element
z-index Sets the stack order of a positioned element
Flexible Box Layout
Property Description CSS
align-content Specifies the alignment between the lines inside a flexible container when the
items do not use all available space
align-items Specifies the alignment for items inside a flexible container
align-self Specifies the alignment for selected items inside a flexible container
flex Specifies the length of the item, relative to the rest
flex-basis Specifies the initial length of a flexible item
flex-direction Specifies the direction of the flexible items
flex-flow A shorthand property for the flex-direction and the flex-wrap properties
flex-grow Specifies how much the item will grow relative to the rest
flex-shrink Specifies how the item will shrink relative to the rest
flex-wrap Specifies whether the flexible items should wrap or not
justify-content Specifies the alignment between the items inside a flexible container when the items
do not use all available space
order Sets the order of the flexible item, relative to the rest
Text Properties
Property Description CSS
hanging-punctuation Specifies whether a punctuation character may be placed outside the line box
hyphens Sets how to split words to improve the layout of paragraphs
letter-spacing Increases or decreases the space between characters in a text
line-break Specifies how/if to break lines
line-height Sets the line height
overflow-wrap Specifies whether or not the browser may break lines within words in order to
prevent overflow (when a string is too long to fit its containing box)
tab-size Specifies the length of the tab-character
text-align Specifies the horizontal alignment of 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 Specifies the combination of multiple characters into the space of a single
character
text-indent Specifies the indentation of the first line in a text-block
text-justify Specifies the justification method used when text-align is "justify"
text-transform Controls the capitalization of text
white-space Specifies how white-space inside an element is handled
word-break Specifies line breaking rules for non-CJK scripts
word-spacing Increases or decreases the space between words in a text
word-wrap Allows long, unbreakable words to be broken and wrap to the next line
Text Decoration Properties
Property Description CSS
text-decoration Specifies the decoration added to text
text-decoration-color Specifies the color of the text-decoration
text-decoration-line Specifies the type of line in a text-decoration
text-decoration-style Specifies the style of the line in a text decoration
text-shadow Adds shadow to text
text-underline-position Specifies the position of the underline which is set using the
text-decoration property
Font Properties
Property Description CSS
@font-face A rule that allows websites to download and use fonts other than the "web-safe" fonts
@font-feature-values Allows authors to use a common name in font-variant-alternate for
feature activated differently in OpenType
font Sets all the font properties in one declaration
font-family Specifies the font family for text
font-feature-settings Allows control over advanced typographic features in OpenType fonts
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 Specifies the font size of text
font-size-adjust Preserves the readability of text when font fallback occurs
font-stretch Selects a normal, condensed, or expanded face from a font family
font-style Specifies 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 Specifies the weight of a font
Writing Modes Properties
Property Description CSS
direction Specifies the text direction/writing direction
text-orientation Defines the orientation of the text in a line
text-combine-upright Specifies the combination of multiple characters into the space of a single
character
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
writing-mode
Table Properties
Property Description CSS
border-collapse Specifies whether or not table borders should be collapsed
border-spacing Specifies the distance between the borders of adjacent cells
caption-side Specifies the placement of a table caption
empty-cells Specifies whether or not to display borders and background on empty cells in a table
table-layout Sets the layout algorithm to be used for a table
Lists and Counters Properties
Property Description CSS
counter-increment Increments one or more counters
counter-reset Creates or resets one or more counters
list-style Sets all the properties for a list in one declaration
list-style-image Specifies an image as the list-item marker
list-style-position Specifies if the list-item markers should appear inside or outside the content
flow
list-style-type Specifies the type of list-item marker
Animation Properties
Property Description CSS
@keyframes Specifies the animation code
animation A shorthand property for all the animation properties (except animation-play-state
and animation-fill-mode)
animation-delay Specifies a delay for the start of an animation
animation-direction Specifies whether or not the animation should play in reverse on alternate
cycles
animation-duration Specifies how many seconds or milliseconds an animation takes to complete
one cycle
animation-fill-mode Specifies a style for the element when the animation is not playing (when
it is finished, or when it has a delay)
animation-iteration-count Specifies the number of times an animation should be played
animation-name Specifies the name of the @keyframes animation
animation-play-state Specifies whether the animation is running or paused
animation-timing-function Specifies the speed curve of an animation
Transform Properties
Property Description CSS
backface-visibility Defines whether or not an element should be visible when not facing the screen
perspective Specifies the perspective on how D elements are viewed
perspective-origin Specifies the bottom position of D elements
transform Applies a D or D transformation to an element
transform-origin Allows you to change the position on transformed elements
transform-style Specifies how nested elements are rendered in D space
Transitions Properties
Property Description CSS
transition A shorthand property for setting the four transition properties
transition-property Specifies the name of the CSS property the transition effect is for
transition-duration Specifies how many seconds or milliseconds a transition effect takes to
complete
transition-timing-function Specifies the speed curve of the transition effect