Properties by name
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.