| PROPERTY | DESCRIPTION |
|---|---|
| border-radius | Shorthand property for setting all four border radiuses (corners) |
| border-bottom-left-radius | Specifies the shape (radius) of the border of the bottom left corner |
| border-bottom-right-radius | Specifies the shape (radius) of the border of the bottom right corner |
| border-top-left-radius | Specifies the shape (radius) of the border of the top left corner |
| border-top-right-radius | Specifies the shape (radius) of the border of the top right corner |
| border-image | Shorthand property for other border-image properties |
| border-image-outset | Sets how much the border image area extends from the border box |
| border-image-repeat | Defines whether the border image should be repeated, rounded or stretched |
| border-image-slice | Sets the inward slice offsets of the border-image |
| border-image-source | Specifies the URL source of the border image |
| border-image-width | Sets the width of the border image |
| box-shadow | Sets the properties of a drop-shadow(s) of an element |
| overflow-x | Defines whether to clip the left or right edge of the content during overflowing |
| overflow-y | Defines whether to clip the top or bottom edge of the content during overflowing |
| PROPERTY | DESCRIPTION |
|---|---|
| background-size | Sets the size of the background images |
| background-origin | Defines the position (source) area of the background image |
| background-clip | Defines the painting area of the background |
| PROPERTY | DESCRIPTION |
|---|---|
| align-content | Specifies the alignment of lines inside a flexible box when items do not consume all available space |
| align-items | Specifies the alignment of items inside a flexible box |
| align-self | Specifies the alignment of selected items inside a flexible box |
| flex | Defines the length of the item in relation to other items |
| flex-basis | Defines the initial length of a flexible item |
| flex-direction | Defines the direction of flexible items |
| flex-flow | Shorthand property for flex-direction and flex-wrap properties |
| flex-grow | Sets the growth of an item in relation to others |
| flex-shrink | Sets the shrinkage of an item in relation to others |
| flex-wrap | Defines if the flexible item should wrap (or not) |
| order | Defines the order of flexible items in relation to others |
| PROPERTY | DESCRIPTION |
|---|---|
| opacity | Sets the top, right, bottom or left padding of an element |
| PROPERTY | DESCRIPTION |
|---|---|
| @font-face | A rule specifying a download source of a font family |
| @font-feature-values | Allows authors to use a common name in font-variant-alternate for feature activated differently in OpenType |
| 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-adjust | Preserves the readability of text when font fallback occurs |
| font-stretch | Defines the face of a font family as normal, condensed or expanded |
| font-synthesis | Controls which missing typefaces (bold or italic) may be synthesized by the browser |
| font-variant-alternates | Controls the usage of alternate glyphs associated to alternative names defined in @font-feature-values |
| font-variant-caps | Defines the usage of alternate glyphs of 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 |
| PROPERTY | DESCRIPTION |
|---|---|
| hanging-punctuation | Specifies if the punctuation character may be placed outside the line box |
| hyphens | Defines how to split words to improve the layout of paragraphs |
| line-break | Defines the rules for line breaks |
| overflow-wrap | Defines whether the browser may break lines inside the words to prevent overflow |
| punctuation-trim | Specifies if a punctuation character will be trimmed when it appears at the start or the end of a line, or next to another punctuation character |
| tab-size | Sets the length of a tab-character |
| text-align-last | Defines the alignment of the last line of a block or the line before a forced line break, when the text-align is set to "justify" |
| text-decoration-color | Sets the color for text-decoration |
| text-decoration-line | Specifies the line type for a text-decoration |
| text-decoration-style | Sets the style of a text-decoration line |
| text-emphasis | Shorthand for setting text-emphasis-style and text-emphasis-color in one declaration |
| text-emphasis-color | Defines the foreground color to be applied on the element's text |
| text-emphasis-style | Defines emphasis marks to be applied on the element's text |
| text-justify | Defines the rules of "justified" text (text-align set to "justify") |
| text-outline | Specifies a text outline characteristics |
| text-overflow | Defines the behavior when a text line overflow the containing element |
| text-shadow | Inserts shadow to a text and sets the properties of it |
| text-underline-position | Defines the position of an underline of a text-decoration property |
| text-wrap | Specifies the line breaking rules for text |
| word-break | Defines the line breaking rules for non-CJK HTML scripts |
| word-wrap | Defines the rules of word breaks for longer words that overflow its container |
| PROPERTY | DESCRIPTION |
|---|---|
| text-orientation | Specifies orientation of a text line |
| text-combine-upright | Specifies how to combine multiple characters into a space of a single one |
| writing-mode | Defines features to support various international script modes, such as left-to-right |
| PROPERTY | DESCRIPTION |
|---|---|
| break-after | Defines the behavior of page-, column- or region-break after the generated box |
| break-before | Defines the behavior of page-, column- or region-break before the generated box |
| break-inside | Defines the behavior of page-, column- or region-break inside the generated box |
| column-count | Sets the number of columns an element will be divided into |
| column-fill | Sets the filling rules for an element |
| column-gap | Sets the gap between columns |
| column-rule | Shorthand property for all column-rule properties |
| column-rule-color | Sets the color of the rule between columns |
| column-rule-style | Defines the style of the rule between columns |
| column-rule-width | Sets the width of the rule between columns |
| column-span | Defines the number of columns an element ought to span across |
| column-width | Sets the width of a column |
| columns | Shorthand property for column-width and column-count |
| PROPERTY | DESCRIPTION |
|---|---|
| transition | Shorthand property that defines all other transition properties |
| transition-delay | Specifies the starting time of the transition |
| transition-duration | Sets the duration of the transition in seconds or milliseconds |
| transition-property | Explains the name of a transition property that the transition is used on |
| transition-timing-function | Defines the speed curve of the transition |
| PROPERTY | DESCRIPTION |
|---|---|
| backface-visibility | Defines if an element will be visible when not facing the screen |
| perspective | Sets how many pixels a 3D element will be placed from the view |
| perspective-origin | Specifies where a 3D element is based on x-axis and y-axis |
| transform | Shorthand that applies a 2D or 3D transformation to an element |
| transform-origin | Allows us to change the position on transformed elements |
| transform-style | Defines the nested elements rendering in 3D space |
| PROPERTY | DESCRIPTION | |
|---|---|---|
| animation | Shorthand property for other animation properties (except animation-play-state) | |
| animation-delay | Delays the start of animation | |
| animation-direction | Specifies if the animation should run in reverse on alternate cycles | |
| animation-duration | Sets the duration of an animated cycle in seconds or milliseconds | |
| animation-fill-mode | Defines the styling applied on animated element when the animation is not active | |
| animation-iteration-count | Defined the cycles repetition number of an animation | |
| animation-name | Specifies the name to be used on @keyframes animation property | |
| animation-play-state | Defines whether the animation is running or is paused | |
| animation-timing-function | Defines the speed curve of an animation | |
| @keyframes | Defines the animation step |
| PROPERTY | DESCRIPTION |
|---|---|
| filter | Defines certain effects on an element, such as color shifting or blurring |
| PROPERTY | DESCRIPTION |
|---|---|
| image-orientation | Defines an image orientation (in clockwise direction) that a browser applies to an image |
| image-rendering | Defines what aspects of an image are most important for preservation during scaling |
| image-resolution | Defines the intrinsic resolution of images used on an element |
| object-fit | Specifies how the content of a replaced element should fit to box created by that element |
| object-position | Specifies the alignment of the replaced element inside its box |
| PROPERTY | DESCRIPTION |
|---|---|
| mask | Shorthand property for masking images with |
| mask-type | Defines a mask type to be applied (luminance or alpha) |
| PROPERTY | DESCRIPTION |
|---|---|
| appearance | Makes an element looking like a standard user interface element |
| box-sizing | Explains to browser what sizing properties in sense of width and height ought to be used |
| icon | Styles and element by applying a selected icon to it (instead of regular styles) |
| ime-mode | Defines the state of the input method for text fields |
| nav-down | Explains where to navigate when using the arrow-down key on keyboard |
| nav-index | Defines the tabbing order of an element |
| nav-left | Explains where to navigate when using the arrow-left key on keyboard |
| nav-right | Explains where to navigate when using the arrow-right key on keyboard |
| nav-up | Explains where to navigate when using the arrow-up key on keyboard |
| outline-offset | Defines the offset of an outline drawing it beyond border's edge |
| resize | Explains if an element may be resizable by user |
| PROPERTY | DESCRIPTION |
|---|---|
| box-decoration-break | Sets the element's background and border behavior at the page-break, or in-line break |
| PROPERTY | DESCRIPTION |
|---|---|
| marks | Inserts crop or cross marks for the document |
| PROPERTY | DESCRIPTION |
|---|---|
| marquee-direction | Defines the direction of the moving content |
| marquee-play-count | Sets the number of times the content will move |
| marquee-speed | Defines the speed of the content's scrolling |
| marquee-style | Defines the styling of the moving content |
| PROPERTY | DESCRIPTION |
|---|---|
| mark | Shorthand property that replaces mark-after and mark-before properties |
| mark-after | Allows named markers to be added to the audio system (after it) |
| mark-before | Allows named markers to be added to the audio system (before it) |
| phonemes | Specifies a phonetic pronunciation for the text inside its belonging element |
| rest | Shorthand property for rest-before and rest-after properties |
| rest-after | Defines the rest (prosodic boundary) after speaking an element's content (after it) |
| rest-before | Defines the rest (prosodic boundary) after speaking an element's content (before it) |
| voice-balance | Sets the balance between left and right channels |
| voice-duration | Sets the duration of rendering selected element's content |
| voice-pitch | Sets the average pitch or frequency of the speaking voice |
| voice-pitch-range | Sets the variation in average pitch |
| voice-rate | Sets the speaking rate |
| voice-stress | Sets the stress or strength of emphasis to be applied |
| voice-volume | Sets the amplitude of the waveform generated by the speech synthesizes |
Comments
No comments have been made yet.
Please login to leave a comment. Login now