Properties by name

Article
10/10/2017

This section contains reference topics for supported cascading style sheet properties. For a categorized list of cascading style sheet properties, see Properties by category.

Properties

!important Increases the weight or importance of a particular declaration.
animation Sets up six separate animation properties of the object.
animation-delay Sets the time delay before an animation begins.
animation-direction Sets whether an animation will alternate forward and backward play.
animation-duration Sets the length of time that an animation will take to complete one cycle.
animation-iteration-count Sets the number of times that an animation cycle will repeat.
animation-name Defines a list of animations that apply to an object.
animation-timing-function Sets how the animation will progress over one cycle.
background Sets up to five separate background properties of the object.
background-attachment Sets how the background image is attached to the object within the document.
background-color Sets the color behind the content of the object.
background-image Sets the background image of the object.
background-position Sets the position of the background of the object.
background-repeat Sets how the background-image property of the object is tiled.
border Sets the properties to draw around the object.
border-bottom Sets the properties of the bottom border of the object.
border-bottom-color Sets the color of the bottom border of the object.
border-bottom-left-radius Defines the degree to which the bottom-left border corner will be rounded.
border-bottom-right-radius Defines the degree to which the bottom-right border corner will be rounded.
border-bottom-style Sets the style of the bottom border of the object.
border-bottom-width Sets the width of the bottom border of the object.
border-collapse Sets a value that indicates whether the row and cell borders of a table are joined in a single border or detached as in standard HTML.
border-color Sets the border color of the object.
border-left Sets the properties of the left border of the object.
border-left-color Sets the color of the left border of the object.
border-left-style Sets the style of the left border of the object.
border-left-width Sets the width of the left border of the object.
border-radius Defines the degree to which border corners will be rounded.
border-right Sets the properties of the right border of the object.
border-right-color Sets the color of the right border of the object.
border-right-style Sets the style of the right border of the object.
border-right-width Sets the width of the right border of the object.
border-style Sets the style of the left, right, top, and bottom borders of the object.
border-top Sets the properties of the top border of the object.
border-top-color Sets the color of the top border of the object.
border-top-left-radius Defines the degree to which the top-left border corner will be rounded.
border-top-right-radius Defines the degree to which the top-right border corner will be rounded.
border-top-style Sets the style of the top border of the object.
border-top-width Sets the width of the top border of the object.
border-width Sets the width of the left, right, top, and bottom borders of the object.
bottom Sets the bottom position of the object relative to the bottom of the next positioned object in the document hierarchy.
clear Sets whether the object allows floating objects on its left side, its right side, or both, so that the next object displays after the floating objects.
clip Sets which part of a positioned object is visible.
color Sets the color of the text of the object.
cursor Sets the type of pointer to display as the pointer moves over the object.
direction Sets the reading order of the object.
display Sets whether the object is rendered.
font Sets a combination of separate font properties of the object
font-family Sets the name of the font used for text in the object.
font-size Sets a value that indicates the font size used for text in the object.
font-style Sets the font style of the object as italic, normal, or oblique.
font-variant Sets whether the text of the object is in small caps.
font-weight Sets the weight of the font of the object.
height Sets the height of the object.
icon Sets the icon for an element.
left Sets the position of the object relative to the left edge of the next positioned object in the document hierarchy.
letter-spacing Sets the amount of additional space between letters in the object.
line-height Sets the distance between lines in the object.
list-style Sets up to three separate list-style properties of the object.
list-style-image Sets a value that indicates which image to use as a list-item marker for the object.
list-style-position Sets a variable that indicates how the list-item marker is drawn relative to the content of the object.
list-style-type Sets the predefined type of the list-item marker for the object.
margin Sets the width of the top, right, bottom, and left margins of the object.
margin-bottom Sets the size of the bottom margin of the object.
margin-left Sets the size of the left margin of the object.
margin-right Sets the size of the right margin of the object.
margin-top Sets the size of the top margin of the object.
max-height Sets the maximum height for the object.
max-width Sets the maximum width for the object.
min-height Sets the minimum height for the object.
min-width Sets the minimum width for the object.
orphans Sets the minimum number of lines of a paragraph that must appear at the bottom of a page.
outline Sets the color, style, and width of the outline frame.
outline-color Sets the color of the outline frame.
outline-offset Sets the distance of the outline frame from of the border edge.
outline-style Sets the style of the outline frame.
outline-width Sets the width of the outline frame.
overflow Sets a value indicating how to manage the content of the object when the content exceeds the height or width of the object.
padding Sets the amount of space to insert between the object and its margin or, if there is a border, between the object and its border.
padding-bottom Sets the amount of space to insert between the bottom border of the object and the content.
padding-left Sets the amount of space to insert between the left border of the object and the content.
padding-right Sets the amount of space to insert between the right border of the object and the content.
padding-top Sets the amount of space to insert between the top border of the object and the content.
page-break-after Sets a value indicating whether a page break occurs after the object.
page-break-before Sets a value indicating whether a page break occurs before the object.
page-break-inside Sets a string indicating whether a page break is allowed to occur inside the object.
position Sets the type of positioning used for the object.
right Sets the position of the object relative to the right edge of the next positioned object in the document hierarchy.
table-layout Sets a string that indicates whether the table layout is fixed.
text-align Sets whether the text in the object is left-aligned, right-aligned, centered, or justified.
text-decoration Sets a value that indicates whether the text in the object has blink, line-through, overline, or underline decorations.
text-indent Sets the indentation of the first line of text in the object.
text-transform Sets the rendering of the text in the object.
top Sets the position of the object relative to the top of the next positioned object in the document hierarchy.
unicode-bidi Sets the level of embedding with respect to the bidirectional (right-to-left) algorithm.
vertical-align Sets the vertical alignment of the object.
visibility Sets whether the content of the object is displayed.
white-space Sets a value that indicates whether lines are automatically broken inside the object.
widows Sets the minimum number of lines of a paragraph that must appear at the top of a page.
width Sets the width of the object.
word-spacing Sets the amount of additional space between words in the object.
z-index Sets the stacking order of positioned objects.

Share via

Properties by name

Properties

See also

Concepts

Additional resources