| @font-face |
A rule that allows websites to download and use fonts other than the "web-safe" fonts. |
| @keyframes |
Specifies the animation code. |
| 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. |
| 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. |
| backface-visibility |
Defines whether or not an element should be visible when not facing the screen. |
| 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-clip |
Specifies the painting area of the background. |
| background-color |
Specifies the background color of an element. |
| background-image |
Specifies one or more background images for an element. |
| background-origin |
Specifies where the background image(s) is/are positioned. |
| background-position |
Specifies the position of a background image. |
| background-repeat |
Sets how a background image will be repeated. |
| 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-collapse |
Specifies whether or not table borders should be collapsed. |
| 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-spacing |
Specifies the distance between the borders of adjacent cells. |
| 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. |
| bottom |
Specifies the bottom position of a positioned element. |
| box-shadow |
Attaches one or more drop-shadows to the box. |
| box-sizing |
Tells the browser what the sizing properties (width and height) should
include. |
| caption-side |
Specifies the placement of a table caption. |
| clear |
Specifies which sides of an element where other floating elements are not allowed. |
| clip |
Clips an absolutely positioned element. |
| color |
Sets the color of text. |
| column-count |
Specifies the number of columns an element should be divided into. |
| column-fill |
Specifies how to fill columns. |
| column-gap |
Specifies the gap between the columns. |
| column-rule |
A shorthand property for setting all the column-rule-* properties. |
| column-rule-color |
Specifies the color of the rule between columns. |
| column-rule-style |
Specifies the style of the rule between columns. |
| column-rule-width |
Specifies the width of the rule between columns. |
| column-span |
Specifies how many columns an element should span across. |
| column-width |
Specifies the width of the columns. |
| columns |
A shorthand property for setting column-width and column-count. |
| content |
Used with the :before and :after pseudo-elements, to insert generated content. |
| counter-increment |
Increments one or more counters. |
| counter-reset |
Creates or resets one or more counters. |
| cursor |
Specifies the type of cursor to be displayed. |
| direction |
Specifies the text direction/writing direction. |
| display |
Specifies how a certain HTML element should be displayed. |
| empty-cells |
Specifies whether or not to display borders and background on empty cells in a table. |
| filter |
Defines effects (e.g. blurring or color shifting) on an element before
the element is displayed. |
| 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. |
| float |
Specifies whether or not a box should float. |
| font |
Sets all the font properties in one declaration. |
| font-family |
Specifies the font family for text. |
| 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-variant |
Specifies whether or not a text should be displayed in a small-caps font. |
| font-weight |
Specifies the weight of a font. |
| hanging-punctuation |
Specifies whether a punctuation character may be placed outside the line box. |
| height |
Sets the height of an element. |
| justify-content |
Specifies the alignment between the items inside a flexible container
when the items do not use all available space. |
| left |
Specifies the left position of a positioned element. |
| letter-spacing |
Increases or decreases the space between characters in a text. |
| line-height |
Sets the line height. |
| 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. |
| 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. |
| nav-down |
Specifies where to navigate when using the arrow-down navigation key. |
| nav-index |
Specifies the tabbing order for an element. |
| nav-left |
Specifies where to navigate when using the arrow-left navigation key. |
| nav-right |
Specifies where to navigate when using the arrow-right navigation key. |
| nav-up |
Specifies where to navigate when using the arrow-up navigation key. |
| opacity |
Sets the opacity level for an element. |
| order |
Sets the order of the flexible item, relative to the rest. |
| outline |
Sets all the outline properties in one declaration. |
| 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 |
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. |
| page-break-after |
Sets the page-breaking behavior after an element. |
| page-break-before |
Sets the page-breaking behavior before an element. |
| page-break-inside |
Sets the page-breaking behavior inside an element. |
| perspective |
Specifies the perspective on how 3D elements are viewed. |
| perspective-origin |
Specifies the bottom position of 3D elements. |
| position |
Specifies the type of positioning method used for an element (static,
relative, absolute or fixed). |
| quotes |
Sets the type of quotation marks for embedded quotations. |
| resize |
Specifies whether or not an element is resizable by the user. |
| right |
Specifies the right position of a positioned element. |
| tab-size |
Specifies the length of the tab-character. |
| table-layout |
Sets the layout algorithm to be used for a table. |
| 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-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-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-overflow |
Specifies what should happen when text overflows the containing element. |
| text-shadow |
Adds shadow to text. |
| text-transform |
Controls the capitalization of text. |
| top |
Specifies 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 |
Specifies how nested elements are rendered in 3D space. |
| transition |
A shorthand property for setting the four transition properties. |
| transition-delay |
Specifies when the transition effect will start. |
| transition-duration |
Specifies how many seconds or milliseconds a transition effect takes to
complete. |
| transition-property |
Specifies the name of the CSS property the transition effect is for. |
| transition-timing-function |
Specifies the speed curve of the transition effect. |
| 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. |
| vertical-align |
Sets the vertical alignment of an element. |
| visibility |
Specifies whether or not an element is visible. |
| white-space |
Specifies how white-space inside an element is handled. |
| width |
Sets the width of an element. |
| 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. |
| z-index |
Sets the stack order of a positioned element. |