Prefixed style properties
-ms-accelerator
The -ms-accelerator property sets or retrieves a string that indicates whether the object represents a keyboard shortcut.
-ms-accelerator: false | true
-webkit-app-region
The -webkit-app-region property can specify draggable areas to frameless windows.
-webkit-app-region: drag | no-drag
-webkit-appearance
The -webkit-appearance property allows you to make an element look like a standard user interface element.
-webkit-appearance: none | button | button-bevel | caret | checkbox | default-button | listbox | listitem | media-fullscreen-button | media-mute-button | media-play-button | media-seek-back-button | media-seek-forward-button | media-slider | media-sliderthumb | menulist | menulist-button | menulist-text | menulist-textfield | push-button | radio | searchfield | searchfield-cancel-button | searchfield-decoration | searchfield-results-button | searchfield-results-decoration | slider-horizontal | slider-vertical | sliderthumb-horizontal | sliderthumb-vertical | square-button | textarea | textfield
-moz-appearance: none | button | button-arrow-down | button-arrow-next | button-arrow-previous | button-arrow-up | button-bevel | button-focus | caret | checkbox | checkbox-container | checkbox-label | checkmenuitem | dualbutton | groupbox | listbox | listitem | menuarrow | menubar | menucheckbox | menuimage | menuitem | menuitemtext | menulist | menulist-button | menulist-text | menulist-textfield | menupopup | menuradio | menuseparator | meterbar | meterchunk | progressbar | progressbar-vertical | progresschunk | progresschunk-vertical | radio | radio-container | radio-label | radiomenuitem | resizer | resizerpanel | scale-horizontal | scalethumbend | scalethumb-horizontal | scalethumbstart | scalethumbtick | scalethumb-vertical | scale-vertical | scrollbarbutton-down | scrollbarbutton-left | scrollbarbutton-right | scrollbarbutton-up | scrollbarthumb-horizontal | scrollbarthumb-vertical | scrollbartrack-horizontal | scrollbartrack-vertical | searchfield | separator | sheet | spinner | spinner-downbutton | spinner-textfield | spinner-upbutton | splitter | statusbar | statusbarpanel | tab | tabpanel | tabpanels | tab-scroll-arrow-back | tab-scroll-arrow-forward | textfield | textfield-multiline | toolbar | toolbarbutton | toolbarbutton-dropdown | toolbargripper | toolbox | tooltip | treeheader | treeheadercell | treeheadersortarrow | treeitem | treeline | treetwisty | treetwistyopen | treeview | -moz-mac-unified-toolbar | -moz-win-borderless-glass | -moz-win-browsertabbar-toolbox | -moz-win-communicationstext | -moz-win-communications-toolbox | -moz-win-exclude-glass | -moz-win-glass | -moz-win-mediatext | -moz-win-media-toolbox | -moz-window-button-box | -moz-window-button-box-maximized | -moz-window-button-close | -moz-window-button-maximize | -moz-window-button-minimize | -moz-window-button-restore | -moz-window-frame-bottom | -moz-window-frame-left | -moz-window-frame-right| -moz-window-titlebar | -moz-window-titlebar-maximized
-webkit-backdrop-filter
-webkit-backdrop-filter: invert() | contrast(<percentage>)
backface-visibility
The backface-visibility property determines whether or not the back face of the element is visible when facing the user.
-webkit-backface-visibility: visible | hidden | initial | inherit
-moz-backface-visibility: visible | hidden | initial | inherit
backface-visibility: visible | hidden | initial | inherit
background-clip
The background-clip property specifies whether an element's background, either the color or image, extends underneath its border.
-webkit-background-clip: border-box | padding-box | content-box | initial | inherit
-webkit-background-clip: border | content | padding | text | initial | inherit
-khtml-background-clip: padding | border | initial | inherit
-moz-background-clip: padding | border | initial | inherit
background-clip: border-box | padding-box | content-box | initial | inherit
-webkit-background-composite
-webkit-background-composite: border| clear | copy | source-over | source-in | source-out | source-atop | destination-over | destination-in | destination-out | destination-atop | xor | highlight | inherit
background-origin
Note that background-origin is ignored when background-attachment is ste to fixed.
-webkit-background-origin: border-box | padding-box | content-box | inherit
background-origin: border-box | padding-box | content-box | inherit
background-size
The background-size property specifies the size of the background images.
-webkit-background-size: auto | [<length> | <percentage> | auto]{1,2} | cover | contain | initial | inherit
-moz-background-size: auto | [<length> | <percentage> | auto]{1,2} | cover | contain | initial | inherit
-o-background-size: auto | [<length> | <percentage> | auto]{1,2} | cover | contain | initial | inherit
background-size: auto | [<length> | <percentage> | auto]{1,2} | cover | contain | initial | inherit
-moz-binding
The -moz-binding property is used by Mozilla-based applications to attach an XBL binding to a DOM element.
-moz-binding: <uri> | none
-ms-block-progression
The -ms-block-progression property specifies the block progression and layout orientation.
-ms-block-progression: tb | rl | bt | lr
-webkit-border-after
-webkit-border-after: <uri> <top> <right> <bottom> <left> <x_repeat> <y_repeat>
-webkit-border-after-color
-webkit-border-after-color: <color> | inherit
-webkit-border-after-style
-webkit-border-after-style: <border-style> | inherit
-webkit-border-after-width
-webkit-border-after-width: <border-width> | inherit
-webkit-border-before
-webkit-border-before-color
-webkit-border-before-color: <color> | inherit
-webkit-border-before-style
-webkit-border-before-style: <border-style> | inherit
-webkit-border-before-width
-webkit-border-before-width: <border-width> | inherit
-moz-border-bottom-colors
-moz-border-bottom-colors: <color> | none
-webkit-border-end
-moz-border-end
-webkit-border-end-color
-moz-border-end-color
-webkit-border-end-style
-moz-border-end-style
-webkit-border-end-width
-moz-border-end-width
-webkit-border-fit
-webkit-border-horizontal-spacing
-moz-border-left-colors
The -moz-border-left-colorsproperty sets a list of colors for the left border.
-moz-border-left-colors: <color> | none
border-image
The border-image property is a shorthand property for setting the border-image-source, border-image-slice, border-image-width, border-image-outset and border-image-repeat properties.
-webkit-border-image: <-webkit-border-image-source> <-webkit-border-image-slice> <-webkit-border-image-width> <-webkit-border-image-outset> <-webkit-border-image-repeat> | initial | inherit
-moz-border-image: <-moz-border-image-source> <-moz-border-image-slice> <-moz-border-image-width> <-moz-border-image-outset> <-moz-border-image-repeat> | initial | inherit
-o-border-image: <-o-border-image-source> <-o-border-image-slice> <-o-border-image-width> <-o-border-image-outset> <-o-border-image-repeat> | initial | inherit
border-image: <border-image-source> <border-image-slice> <border-image-width> <border-image-outset> <border-image-repeat> | initial | inherit
border-image-outset
The border-image-outset property specifies the amount by which the border image area extends beyond the border box.
-webkit-border-image-outset: <length> | <number> | initial | inherit
-moz-border-image-outset: <length> | <number> | initial | inherit
-o-border-image-outset: <length> | <number> | initial | inherit
border-image-outset: <length> | <number> | initial | inherit
border-image-repeat
The border-image-repeat property specifies whether the image-border should be repeated, rounded or stretched.
-webkit-border-image-repeat: stretch | repeat | round | initial | inherit
-moz-border-image-repeat: stretch | repeat | round | initial | inherit
-o-border-image-repeat: stretch | repeat | round | initial | inherit
border-image-repeat: stretch | repeat | round | initial | inherit
border-image-slice
The border-image-slice property specifies the inward offsets of the image-border.
-webkit-border-image-slice: <number> | <percentage> | fill | initial | inherit
-moz-border-image-slice: <number> | <percentage> | fill | initial | inherit
-o-border-image-slice: <number> | <percentage> | fill | initial | inherit
border-image-slice: <number> | <percentage> | fill | initial | inherit
border-image-source
The border-image-source property specifies an image to be used, instead of the border styles given by the border-style properties.
-webkit-border-image-source: none | image | initial | inherit
-moz-border-image-source: none | image | initial | inherit
-o-border-image-source: none | image | initial | inherit
border-image-source: none | image | initial | inherit
border-image-width
The border-image-width property specifies the widths of the image-border.
-webkit-border-image-width: <number> | <percentage> | auto | initial | inherit
-moz-border-image-width: <number> | <percentage> | auto | initial | inherit
-o-border-image-width: <number> | <percentage> | auto | initial | inherit
border-image-width: <number> | <percentage> | auto | initial | inherit
border-radius
The border-radius property allows Web authors to define how rounded border corners are.
-webkit-border-radius: [<length> | <percentage>]{1, 4}
-moz-border-radius: [<length> | <percentage>]{1, 4}
border-radius: [<length> | <percentage>]{1, 4}
-moz-border-right-color
The -moz-border-right-colors property sets a list of colors for the right border.
-moz-border-right-colors: <color> | none
-webkit-border-start
-moz-border-start
-webkit-border-start-color
-moz-border-start-color
-webkit-border-start-style
-moz-border-start-style
-webkit-border-start-width
-moz-border-start-width
-moz-border-top-colors
The -moz-border-top-colors property sets a list of colors for the top border.
-moz-border-top-colors: <color> | none
-webkit-border-vertical-spacing
-webkit-border-vertical-spacing: <spacing>
box-align
The box-align property specifies how an element aligns its contents across (perpendicular to) the direction of its layout.
-webkit-box-align: start | center | end | baseline | stretch
-moz-box-align: start | center | end | baseline | stretch
box-align: start | center | end | baseline | stretch
-webkit-box-decoration-break
box-decoration-break
box-direction
The box-direction property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).
-webkit-box-direction: normal | reverse | inherit
-moz-box-direction: normal | reverse | inherit
box-direction: normal | reverse | inherit
-webkit-box-flex
The -webkit-box-flex properties specify how a -webkit-box grows to fill the box that contains it, in the direction of the containing box's layout.
-webkit-box-flex: <number>
-khtml-box-flex: <number>
-moz-box-flex: <number>
box-flex-group
The CSS box-flex-group property assigns the flexbox's child elements to a flex group.
-webkit-box-flex-group: <number>
-khtml-box-flex-group: <number>
-moz-box-flex-group: <number>
box-flex-group: <number>
box-lines
The box-lines property determines whether the box may have a single or multiple line.
-webkit-box-lines: single | multiple
-khtml-box-lines: single | multiple
-moz-box-lines: single | multiple
box-lines: single | multiple
box-ordinal-group
The box-ordinal-group property indicates the ordinal group the element belongs to.
-webkit-box-ordinal-group: <number>
-khtml-box-ordinal-group: <number>
-moz-box-ordinal-group: <number>
box-ordinal-group: <number>
-webkit-box-orient
The box-orient property specifies whether an element lays out its contents horizontally or vertically.
-webkit-box-orient: horizontal | vertical | inline-axis | block-axis | inherit
-khtml-box-orient: horizontal | vertical | inline-axis | block-axis | inherit
-moz-box-orient: horizontal | vertical | inline-axis | block-axis | inherit
box-orient: horizontal | vertical | inline-axis | block-axis | inherit
-webkit-box-pack
The webkit-box-pack property specifies how a box packs its contents in the direction of its layout.
-webkit-box-pack: center | end | justify | start
-khtml-box-pack: center | end | justify | start
-moz-box-pack: center | end | justify | start
-webkit-box-reflect
The -webkit-box-reflect property lets you reflect the content of an element in one specific direction.
-webkit-box-reflect: [above | below | right | left] | <length> <mask-box-image>
box-shadow
The box-shadow property describes one or more shadow effects as a comma-separated list.
-webkit-box-shadow: none | [[inset] [<offset-x> <offset-y> <blur> <spread> <color>]
-moz-box-shadow: none | [[inset] [<offset-x> <offset-y> <blur> <spread> <color>]
box-shadow: none | [[inset] [<offset-x> <offset-y> <blur> <spread> <color>]
box-sizing
The box-sizing property is used to alter the default box model used to calculate widths and heights of elements.
-webkit-box-sizing: content-box | border-box | initial | inherit
-moz-box-sizing: content-box | border-box | initial | inherit
box-sizing: content-box | border-box | initial | inherit
clip-path
The clip-path property prevents a portion of an element from drawing by defining a clipping region.
-webkit-clip-path: <uri> | circle() | ellipse() | inset() | polygon() | none | inherit
clip-path: <uri> | circle() | ellipse() | inset() | polygon() | none | inherit
-webkit-color-correction
-webkit-color-correction: sRGB | default
-webkit-column-axis
-webkit-column-axis: auto | vertical | horizontal
-webkit-column-break-after
The -webkit-column-break-after property determines whether a column break can and should occur after an element in a multicolumn flow layout.
-webkit-column-break-after: always | auto | avoid | left | right
-webkit-column-break-before
The -webkit-column-break-before property determines whether a column break can and should occur before an element in a multicolumn flow layout.
-webkit-column-break-before: always | auto | avoid | left | right
-webkit-column-break-inside
The -webkit-column-break-inside property determines whether a column break should be avoided within the bounds of an element in a multicolumn flow layout.
-webkit-column-break-inside: auto | avoid
column-count
The column-count property describes the number of columns of the element.
-webkit-column-count: auto | <number>
-moz-column-count: auto | <number>
column-count: auto | <number>
column-fill
The column-fill property controls how contents are partitioned into columns.
-webkit-column-fill: auto | balance | inherit
-moz-column-fill: auto | balance | inherit
column-fill: auto | balance | inherit
column-gap
The column-gap property sets the size of the gap between columns.
-webkit-column-gap: <length> | normal | inherit
-moz-column-gap: <length> | normal | inherit
column-gap: <length> | normal | inherit
column-rule
In multi-column layouts, the column-rule property specifies a straight line to be drawn between each column.
-webkit-column-rule: <column-rule-width> <column-rule-style> <column-rule-color>
-moz-column-rule: <column-rule-width> <column-rule-style> <column-rule-color>
column-rule: <column-rule-width> <column-rule-style> <column-rule-color>
column-rule-color
The column-rule-color property lets you set the color of the rule drawn between columns in multi-column layouts.
-webkit-column-rule-color: <color> | currentcolor | -webkit-activelink | -webkit-focus-ring-color | -webkit-link | -webkit-text | inherit
-moz-column-rule-color: <color> | currentcolor | inherit
column-rule-color: <color> | currentcolor | inherit
column-rule-style
The column-rule-style property lets you set the style of the rule drawn between columns in multi-column layouts.
-webkit-column-rule-style: dashed | dotted | double | groove | hidden | inset | none | outset | ridge | solid
-moz-column-rule-style: dashed | dotted | double | groove | hidden | inset | none | outset | ridge | solid
column-rule-style: dashed | dotted | double | groove | hidden | inset | none | outset | ridge | solid
column-rule-width
The column-rule-width property lets you set the width of the rule drawn between columns in multi-column layouts.
-webkit-column-rule-width: <length> | thin | medium | thick | inherit
-moz-column-rule-width: <length> | thin | medium | thick | inherit
column-rule-width: <length> | thin | medium | thick | inherit
column-span
The column-span property makes it possible for an element to span across all columns when its value is set to all.
-webkit-column-span: none | all | inherit
column-span: none | all | inherit
column-width
The column-width property suggests an optimal column width.
-webkit-column-width: <length> | auto | inherit
-moz-column-width: <length> | auto | inherit
column-width: <length> | auto | inherit
columns
The columns property is a shorthand property allowing to set both the column-width and the column-count properties.
-webkit-columns: <column-width> <column-count>
-moz-columns: <column-width> <column-count>
columns: <column-width> <column-count>
-ms-content-zoom-chaining
The -ms-content-zoom-chaining property specifies the zoom behavior that occurs when a user hits the zoom limit during a manipulation.
-ms-content-zoom-chaining: none | chained
-ms-content-zoom-limit
The -ms-content-zoom-limit property Specifies values for the -ms-content-zoom-limit-min and the -ms-content-zoom-limit-max properties.
-ms-content-zoom-limit: <-ms-content-zoom-limit-min> <-ms-content-zoom-limit-max>
-ms-content-zoom-limit-max
The -ms-content-zoom-limit-max property specifies the maximum zoom factor.
-ms-content-zoom-limit-max: <percentage>
-ms-content-zoom-limit-min
The -ms-content-zoom-limit-min property specifies the minimum zoom factor.
-ms-content-zoom-limit-min: <percentage>
-ms-content-zoom-snap
The -ms-content-zoom-snap property specifies values for the -ms-content-zoom-snap-type and the -ms-content-zoom-snap-points properties.
-ms-content-zoom-snap: <-ms-content-zoom-snap-type> <-ms-content-zoom-snap-points>
-ms-content-zoom-snap-points
The -ms-content-zoom-snap-points property defines where zoom snap-points are located.
-ms-content-zoom-snap-points: snapInterval(<start-zoomfactors>, <step-zoomfactors>) | snapList(<list-zoomfactors>)
-ms-content-zoom-snap-type
The -ms-content-zoom-snap-type property specifies how zooming is affected by defined snap-points.
-ms-content-zoom-snap-type: mandatory | proximity | none
-ms-content-zooming
The -ms-content-zooming property specifies whether zooming is enabled.
-ms-content-zooming: zoom | none
-moz-control-character-visibility
-moz-control-character-visibility: visible | hidden
-webkit-cursor-visibility
-webkit-cursor-visibility: auto-hide
-webkit-dashboard-region
The -webkit-dashboard-region property specifies the behavior of regions in a Dashboard widget.
-webkit-dashboard-region: none | dashboard-region([args]) | attr([args])
-apple-dashboard-region: none | dashboard-region([args]) | attr([args])
filter
The filter property sets or retrieves the filter or collection of filters that are applied to the object.
-webkit-filter: none | blur([args]) | grayscale([args]) | hue-rotate([args]) | invert([args]) | drop-shadow([args]) | saturate([args]) | sepia([args]) | opacity([args]) | brightness([args]) | contrast([args])
-ms-filter: none | blur([args]) | grayscale([args]) | hue-rotate([args]) | invert([args]) | drop-shadow([args]) | saturate([args]) | sepia([args]) | opacity([args]) | brightness([args]) | contrast([args])
filter: none | blur([args]) | grayscale([args]) | hue-rotate([args]) | invert([args]) | drop-shadow([args]) | saturate([args]) | sepia([args]) | opacity([args]) | brightness([args]) | contrast([args])
flex
The flex property specifies the length of the item, relative to the rest of the flexible items inside the same container. To make yourself more comfortable with the flexbox, you may want to read this guide... https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties
-webkit-flex: flex-grow | flex-shrink | flex-basis | auto | initial | inherit
-moz-flex: flex-grow | flex-shrink | flex-basis | auto | initial | inherit
-ms-flex: flex-grow | flex-shrink | flex-basis | auto | initial | inherit
flex: flex-grow | flex-shrink | flex-basis | auto | initial | inherit
align-items
The align-items property specifies the default alignment for items inside the flexible container.
-webkit-align-items: flex-start | flex-end | center | baseline | stretch | initial | inherit
-ms-flex-align: start | end | center | stretch | baseline
align-items: flex-start | flex-end | center | baseline | stretch | initial | inherit
align-self
The align-self property specifies the alignment for the selected item inside the flexible container.
-webkit-align-self: auto | flex-start | flex-end | center | baseline | stretch | initial | inherit
-ms-flex-item-align: auto | start | end | center | baseline | stretch | initial | inherit
align-self: auto | flex-start | flex-end | center | baseline | stretch | initial | inherit
align-content
The align-content property aligns the flexible container's items when the items do not use all available space on the cross-axis.
-webkit-align-content: stretch | flex-start | flex-end | center | space-between | space-around | initial | inherit
-ms-flex-line-pack: stretch | flex-pack | start | end | center | space-between | space-around | initial | inherit
align-content: stretch | flex-start | flex-end | center | space-between | space-around | initial | inherit
-ms-flex-negative
order
The order property specifies the order of a flexible item relative to the rest of the flexible items inside the same container.
-webkit-order: <number>
-moz-order: <number>
-ms-flex-order: <number>
order: <number>
-ms-flex-positive
-ms-flex-preferred-size
flex-direction
The flex-direction property specifies the direction of the flexible items.
-webkit-flex-direction: row | row-reverse | column | column-reverse | initial | inherit
-moz-flex-direction: row | row-reverse | column | column-reverse | initial | inherit
flex-direction: row | row-reverse | column | column-reverse | initial | inherit
flex-wrap
The flex-wrap property specifies whether flex items wrap and the direction they wrap onto multiple lines or columns based on the space available in the flex container.
-webkit-flex-wrap: nowrap | wrap | wrap-reverse | initial | inherit
-moz-flex-wrap: nowrap | wrap | wrap-reverse | initial | inherit
-ms-flex-wrap: none | wrap | wrap-reverse | initial | inherit
flex-wrap: nowrap | wrap | wrap-reverse | initial | inherit
-moz-float-edge
-moz-float-edge: border-box | padding-box | margin-box
-webkit-flow-from
Gets or sets a value that identifies a region container in the document that accepts the content flow from the data source.
-webkit-flow-from: none | identifier [, none | identifier]
-ms-flow-from: none | identifier [, none | identifier]
-webkit-flow-into
Gets or sets a value that identifies an iframe container in the document that serves as the region's data source.
-webkit-flow-into: none | identifier [, none | identifier]
-ms-flow-into: none | identifier [, none | identifier]
font-feature-settings
The font-feature-settings property allows control over advanced typographic features as documented here http://www.microsoft.com/typography/otspec/features_ae.htm in OpenType fonts.
-webkit-font-feature-settings: normal | <feature-value> | inherit
-moz-font-feature-settings: normal | <feature-value> | inherit
-o-font-feature-settings: normal | <feature-value> | inherit
font-feature-settings: normal | <feature-value> | inherit
font-language-override
The font-language-override property controls the usage of language-specific glyphs in a typeface.
-moz-font-language-override: normal | <string> | initial | inherit | unset
font-language-override: normal | <string> | initial | inherit | unset
font-kerning
The font-kerning property controls the usage of the kerning information.
-webkit-font-kerning: auto | normal | none | initial | inherit | unset
font-kerning: auto | normal | none | initial | inherit | unset
-webkit-font-size-delta
-webkit-font-smoothing
The font-smooth property controls the application of anti-aliasing when fonts are rendered.
-webkit-font-smoothing: auto | never | always | [<absolute-size> <length>] | initial | inherit
-moz-osx-font-smoothing: auto | grayscale | initial | inherit
font-smooth: auto | never | always | [<absolute-size> <length>] | initial | inherit
font-variant-ligatures
The font-variant-ligatures property controls which ligatures and contextual forms are used in textual content of the element.
-webkit-font-variant-ligatures: normal | none | common-ligatures | no-common-ligatures | discretionary-ligatures | no-discretionary-ligatures | historical-ligatures | no-historical-ligatures | contextual | no-contextual | initial | inherit | unset
font-variant-ligatures: normal | none | common-ligatures | no-common-ligatures | discretionary-ligatures | no-discretionary-ligatures | historical-ligatures | no-historical-ligatures | contextual | no-contextual | initial | inherit | unset
-moz-force-broken-image-icon
The -moz-force-broken-image-icon property specifies whether a broken image icon will be displayed.
-moz-force-broken-image-icon: <number>
-webkit-grid
grid
-webkit-grid-area
grid-area
-webkit-grid-auto-columns
grid-auto-columns
-webkit-grid-auto-flow
grid-auto-flow
-webkit-grid-auto-rows
grid-auto-rows
grid-column
The grid-column property gets or sets a value that specifies in which column of the grid to place the object.
-webkit-grid-column: <number>
-ms-grid-column: <number>
grid-column: <number>
-ms-grid-column-align
The -ms-grid-column-align property gets or sets a value that specifies the horizontal alignment of the object within the grid column.
-ms-grid-column-align: start | end | center | stretch
-webkit-grid-column-end
grid-column-end
-ms-grid-column-span
The -ms-grid-column-span property gets or sets a value that specifies the number of columns of the grid that the object spans.
-ms-grid-column-span: <number>
-webkit-grid-column-start
grid-column-start
-ms-grid-columns
The -ms-grid-columns property gets or sets one or more values that specify the width of each grid column within the object.
-ms-grid-columns: [auto | width | min-content | max-content | minmax(min, max)] | none
grid-row
The grid-row property gets or sets a value that specifies in which row of the grid to place the object.
-webkit-grid-row: <number>
-ms-grid-row: <number>
grid-row: <number>
-ms-grid-row-align
The -ms-grid-row-align property gets or sets a value that specifies the vertical alignment of the object within the grid row.
-ms-grid-row-align: start | end | center | stretch
-webkit-grid-row-end
grid-row-end
-ms-grid-row-span
The -ms-grid-row-span property gets or sets a value that specifies the number of rows of the grid that the object spans.
-ms-grid-row-span: <number>
-webkit-grid-row-start
grid-row-start
-ms-grid-rows
The -ms-grid-rows property gets or sets one or more values that specify the height of each grid row within the object.
-ms-grid-rows: [auto | height | min-content | max-content | minmax(min, max)] | none
-webkit-grid-template
grid-template
-webkit-grid-template-areas
grid-template-areas
-webkit-grid-template-columns
grid-template-columns
-webkit-grid-template-rows
grid-template-rows
-ms-high-contrast
The -ms-high-contrast property specifies whether the application is being displayed in high contrast mode, and with what color variation.
-ms-high-contrast: active | black-on-white | white-on-black | none
-ms-high-contrast-adjust
The -ms-high-contrast-adjust property gets or sets a value that indicates whether to override any properties that would have been set in high contrast mode.
-ms-high-contrast-adjust: auto | none
-webkit-highlight
hyphenate-character
The hyphenate-character property specifies strings that are shown between parts of hyphenated words.
-webkit-hyphenate-character: auto | <string>
hyphenate-character: auto | <string>
-webkit-hyphenate-limit-after
-webkit-hyphenate-limit-after: <number>
-webkit-hyphenate-limit-before
-webkit-hyphenate-limit-before: <number>
hyphenate-limit-chars
The hyphenate-limit-chars property specifies one to three values that indicates the minimum number of characters in a hyphenated word.
-ms-hyphenate-limit-chars: auto | <number>{1,3} | inherit
hyphenate-limit-chars: auto | <number>{1,3} | inherit
hyphenate-limit-last
[CSS4] The hyphenate-limit-last property indicates hyphenation behavior at the end of elements, column, pages and spreads.
hyphenate-limit-last: none | always | column | page | spread
-webkit-hyphenate-charset
hyphenate-limit-lines
The hyphenate-limit-lines property specifies a value that indicates the maximum number of consecutive lines in an element that may be ended with a hyphenated word.
-webkit-hyphenate-limit-lines: no-limit | <number> | inherit
-ms-hyphenate-limit-lines: no-limit | <number> | inherit
hyphenate-limit-lines: no-limit | <number> | inherit
hyphenate-limit-zone
The hyphenate-limit-zone property specifies a value that defines the width of the hyphenation zone.
-ms-hyphenate-limit-zone: <percentage> | <length> | inherit
hyphenate-limit-zone: <percentage> | <length> | inherit
hyphens
The hyphens property tells the browser how to go about splitting words to improve the layout of text when line-wrapping.
-webkit-hyphens: none | manual | auto | inherit
-moz-hyphens: none | manual | auto | inherit
-ms-hyphens: none | manual | auto | inherit
hyphens: none | manual | auto | inherit
-moz-image-region
For certain XUL elements and pseudo-elements that use an image from the list-style-image property, this property specifies a region of the image that is used in place of the whole image.
-moz-image-region: rect([args])
-ms-ime-align
Aligns the Input Method Editor (IME) candidate window box relative to the element on which the IME composition is active.
-ms-ime-align: auto | after
initial-letter
The initial-letter property specifies styling for dropped, raised and sunken initial letters.
-webkit-initial-letter: normal | [<number> <number>]
initial-letter: normal | [<number> <number>]
-ms-interpolation-mode
[Deprecated] Gets or sets the interpolation (resampling) method used to stretch images.
-ms-interpolation-mode: nearest-neighbor | bicubic
justify-content
The justify-content property defines how a browser distributes available space between and around elements when aligning flex items in the main-axis of the current line.
-webkit-justify-content: flex-start | flex-end | center | space-between | space-around | initial | inherit
-moz-justify-content: flex-start | flex-end | center | space-between | space-around | initial | inherit
-ms-flex-pack: start | end | center | justify | distribute | initial | inherit
justify-content: flex-start | flex-end | center | space-between | space-around | initial | inherit
-webkit-justify-self
justify-self
-ms-layout-grid
The -ms-layout-grid property specifies the composite document grid properties that specify the layout of text characters.
-ms-layout-grid: <-ms-layout-grid-mode> <-ms-layout-grid-type> <-ms-layout-grid-line> <-ms-layout-grid-char>
-ms-layout-grid-char
The -ms-layout-grid-char property specifies the size of the character grid used for rendering the text content of an element.
-ms-layout-grid-char: none | auto | <length> | <percentage>
-ms-layout-grid-line
The -ms-layout-grid-line property specifies the gridline value used for rendering the text content of an element.
-ms-layout-grid-line: none | auto | <length>
-ms-layout-grid-mode
The -ms-layout-grid-mode property specifies whether the text layout grid uses two dimensions.
-ms-layout-grid-mode: both | none | line | char
-ms-layout-grid-type
The -ms-layout-grid-type property specifies the type of grid used for rendering the text content of an element.
-ms-layout-grid-type: loose | strict | fixed
-webkit-line-align
-webkit-line-box-contain
line-break
The line-break property is used to specify how or even if to break lines.
-webkit-line-break: after-white-space | auto | loose | normal | strict | inherit
line-break: auto | loose | normal | strict | inherit
-webkit-line-clamp
-webkit-line-clamp: <number>
line-grid
The line-gridproperty specifies whether this box creates a new baseline grid for its descendants or uses the same baseline grid as its parent.
-webkit-line-grid: match-parent | create
line-grid: match-parent | create
line-snap
The line-snap property applies to all the line boxes directly contained by the element, and, when not none, causes each line box to shift (usually downward, possibly by zero) until it snaps to the line grid specified by line-grid.
-webkit-line-snap: none | baseline | contain
line-snap: none | baseline | contain
-webkit-locale
-webkit-locale: <string>
-webkit-logical-height
-webkit-logical-width
-webkit-margin-after
-webkit-margin-after-collapse
-webkit-margin-before
-webkit-margin-before-collapse
-webkit-margin-bottom-collapse
The -webkit-margin-bottom-collapse property specifies the behavior of an element’s bottom margin if it is adjacent to an element with a margin.
-webkit-margin-bottom-collapse: collapse | discard | separate
-webkit-margin-collapse
The -webkit-margin-collapse property specifies the behavior of an element’s vertical margins if it is adjacent to an element with a margin.
-webkit-margin-collapse: collapse | discard | separate
-khtml-magin-collapse: collapse | discard | separate
-webkit-margin-end
-moz-margin-end
-webkit-margin-start
The -webkit-margin-start property provides the width of the starting margin.
-webkit-margin-start: auto | <width>
-khtml-margin-start: auto | <width>
-moz-margin-start: auto | <width>
-webkit-margin-top-collapse
The -webkit-margin-top-collapse property specifies the behavior of an element’s top margin if it is adjacent to an element with a margin.
-webkit-margin-top-collapse: collapse | discard | separate
-khtml-magin-top-collapse: collapse | discard | separate
-webkit-marquee
The -webkit-marquee property defines properties for showing content as though displayed on an electronic marquee sign.
-webkit-marquee: <direction> <increment> <repetition> <style> <speed>
-webkit-marquee-direction
The -webkit-marquee-direction property specifies the direction of motion for a marquee box.
-webkit-marquee-direction: ahead | auto | backwards | down | forwards | left | reverse | right | up
-webkit-marquee-increment
The -webkit-marquee-increment property defines the distance the marquee moves in each increment.
-webkit-marquee-increment: large | medium | small | <distance>
-webkit-marquee-repetition
The -webkit-marquee-repetition property specifies the number of times a marquee box repeats (or infinite).
-webkit-marquee-repetition: infinite | <iterations>
-webkit-marquee-speed
The -webkit-marquee-speed property defines the scroll or slide speed of a marquee box.
-webkit-marquee-speed: fast | normal | slow
-webkit-marquee-style
The -webkit-marquee-style property specifies the style of marquee motion.
-webkit-marquee-style: alternate | none | scroll | slide
-webkit-mask-attachment
If a -webkit-mask-image is specified, -webkit-mask-attachment determines whether the mask image's position is fixed within the viewport, or scrolls along with its containing block.
-webkit-mask-attachment: fixed | scroll
-webkit-mask
The -webkit-mask property is a shorthand property for setting individual mask property values in a single place in the style sheet.
-webkit-mask: <mask-image> [<mask-repeat> <mask-attachment> <mask-position> <mask-origin> <mask-clip>]
-webkit-mask-box-image
The -webkit-mask-box-image property sets the mask image for an element's border box.
-webkit-mask-box-image: <mask-box-image> [<top> <right> <bottom> <left> <x-repeat> <y-repeat>]
-webkit-mask-box-image-outset
-webkit-mask-box-image-repeat
-webkit-mask-box-image-slice
-webkit-mask-box-image-source
-webkit-mask-box-image-width
-webkit-mask-clip
If a -webkit-mask-image is specified, -webkit-mask-clip determines the mask image's clipping behavior.
-webkit-mask-clip: border | padding | content | text
-webkit-mask-composite
The -webkit-mask-composite property specifies the manner in which multiple mask images applied to the same element are composited with one another.
-webkit-mask-composite: clear | copy | source-over | source-in | source-out | source-atop | destination-over | destination-in | destination-out | destination-atop | xor
-webkit-mask-image
-webkit-mask-origin
The -webkit-mask-origin property determines the origin of a mask image.
-webkit-mask-origin: [padding | border | content][, [border | padding | content]]
-webkit-mask-position
The -webkit-mask-position property sets the initial position of a mask image.
-webkit-mask-position: <percentage> | <length> | [left | top] | center | [right | bottom]
-webkit-mask-position-x
-webkit-mask-position-y
-webkit-mask-repeat
The -webkit-mask-repeat property specifies whether a mask image is repeated.
-webkit-mask-repeat: repeat | repeat-x | repeat-y | no-repeat | inherit
-webkit-mask-repeat-x
-webkit-mask-repeat-y
-webkit-mask-size
-webkit-mask-source-type
mask-source-type
-moz-math-display
-moz-math-variant
-webkit-max-logical-height
-webkit-max-logical-width
-webkit-min-logical-height
-webkit-min-logical-width
-webkit-nbsp-mode: normal | space
opacity
The opacity property specifies the transparency of an element, that is, the degree to which the background behind the element is overlaid.
-webkit-opacity: <number> | inherit
-moz-opacity: <number> | inherit
opacity: <number> | inherit
-moz-orient
The -moz-orient property specifies the orientation of the element to which it's applied.
-moz-orient: auto | horizontal | vertical
-moz-outline-radius
The -moz-outline-radius property can be used to give outlines rounded corners.
-moz-outline-radius: <length> | <percentage> | inherit
-moz-outline-radius-bottomleft
The -moz-outline-radius-bottomleft property sets the rounding of the bottom-left corner of the outline.
-moz-outline-radius-bottomleft: <length> | <percentage>
-moz-outline-radius-bottomright
The -moz-outline-radius-bottomright property sets the rounding of the bottom-right corner of the outline.
-moz-outline-radius-bottomright: <length> | <percentage>
-moz-outline-radius-topleft
The -moz-outline-radius-topleft property sets the rounding of the top-left corner of the outline.
-moz-outline-radius-topleft: <length> | <percentage>
-moz-outline-radius-topright
The -moz-outline-radius-topright property sets the rounding of the top-right corner of the outline.
-moz-outline-radius-topright: <length> | <percentage>
-webkit-overflow-scrolling
The -webkit-overflow-scrolling property specifies whether to use native-style scrolling in an overflow:scroll element.
-webkit-overflow-scrolling: auto | touch
-ms-overflow-style
Gets or sets the scrolling behavior for elements that overflow.
-ms-overflow-style: auto | none | scrollbar | -ms-autohiding-scrollbar
-webkit-padding-after
-webkit-padding-after: <length> | <percentage> | inherit | auto
-moz-padding-after: <length> | <percentage> | inherit | auto
-webkit-padding-before
-webkit-padding-before: <length> | <percentage> | inherit | auto
-moz-padding-before: <length> | <percentage> | inherit | auto
-webkit-padding-end
-webkit-padding-end: <length> | <percentage> | inherit | auto
-moz-padding-end: <length> | <percentage> | inherit | auto
-webkit-padding-start
-webkit-padding-start: <length> | <percentage> | inherit | auto
-khtml-padding-start: <length> | <percentage> | inherit | auto
-moz-padding-start: <length> | <percentage> | inherit | auto
perspective
The perspective property determines the distance between the z=0 plane and the user in order to give to the 3D-positioned element some perspective.
-webkit-perspective: length | none | initial | inherit
-moz-perspective: length | none | initial | inherit
perspective: length | none | initial | inherit
perspective-origin
The perspective-origin property determines the position the viewer is looking at.
-webkit-perspective-origin: [<percentage> | <length> | left | center | right | top | bottom] | initial | inherit
-moz-perspective-origin: [<percentage> | <length> | left | center | right | top | bottom] | initial | inherit
perspective-origin: [<percentage> | <length> | left | center | right | top | bottom] | initial | inherit
perspective-origin-x
-webkit-perspective-origin-y: [<percentage> | <length> | left | center | right | top | bottom] | initial | inherit
-moz-perspective-origin-y: [<percentage> | <length> | left | center | right | top | bottom] | initial | inherit
perspective-origin-x: [<percentage> | <length> | left | center | right | top | bottom] | initial | inherit
perspective-origin-y
-webkit-perspective-origin-y: [<percentage> | <length> | left | center | right | top | bottom] | initial | inherit
-moz-perspective-origin-y: [<percentage> | <length> | left | center | right | top | bottom] | initial | inherit
perspective-origin-y: [<percentage> | <length> | left | center | right | top | bottom] | initial | inherit
print-color-adjust
The print-color-adjust property can be used to force printing of background colors and images in browsers.
-webkit-print-color-adjust: economy | exact
print-color-adjust: economy | exact
-webkit-region-break-after
-webkit-region-break-after: auto | always | avoid | left | right
-webkit-region-break-before
-webkit-region-break-before: auto | always | avoid | left | right
-webkit-region-break-inside
-webkit-region-fragment
-webkit-region-fragment: auto | break
-webkit-rtl-ordering
-webkit-rtl-ordering: logical | visual
ruby-position
-webkit-ruby-position: befor | after
ruby-position: befor | after
-moz-script-level
-moz-script-min-size
-moz-script-size-multiplier
-ms-scroll-chaining
The -ms-scroll-chaining property specifies the scrolling behavior that occurs when a user hits the scroll limit during a manipulation.
-ms-scroll-chaining: chained | none
-ms-scroll-limit
The -ms-scroll-limit property specifies values for the -ms-scroll-limit-x-min, -ms-scroll-limit-y-min, -ms-scroll-limit-x-max and -ms-scroll-limit-y-max properties.
-ms-scroll-limit: <-ms-scroll-limit-x-min> <-ms-scroll-limit-y-min> <-ms-scroll-limit-x-max> <-ms-scroll-limit-y-max>
-ms-scroll-limit-x-max
The -ms-scroll-limit-x-max property Specifies the maximum value for the scrollLeft property.
-ms-scroll-limit-x-max: auto | <length>
-ms-scroll-limit-x-min
The -ms-scroll-limit-x-min property specifies the minimum value for the scrollLeft property. This property has no effect on non-scrollable elements.
-ms-scroll-limit-x-min: <length>
-ms-scroll-limit-y-max
The -ms-scroll-limit-y-max property specifies the maximum value for the scrollTop property.
-ms-scroll-limit-y-max: auto | <length>
-ms-scroll-limit-y-min
The -ms-scroll-limit-y-min property specifies the minimum value for the scrollTop property. This property has no effect on non-scrollable elements.
-ms-scroll-limit-y-min: <length>
-ms-scroll-rails
The -ms-scroll-rails property specifies whether scrolling locks to the primary axis of motion.
-ms-scroll-rails: none | railed
-webkit-scroll-snap-coordinate
-webkit-scroll-snap-destination
-ms-scroll-snap-points-x
-webkit-scroll-snap-points-x: snapInterval(<start-length>, <step-length>) | snapList(<list-lengths>)
-ms-scroll-snap-points-x: snapInterval(<start-length>, <step-length>) | snapList(<list-lengths>)
-webkit-scroll-snap-points-y
The -webkit-scroll-snap-points-y property defines where snap-points will be located along the y-axis.
-webkit-scroll-snap-points-y: snapInterval(<start-length>, <step-length>) | snapList(<list-lengths>)
-ms-scroll-snap-points-y: snapInterval(<start-length>, <step-length>) | snapList(<list-lengths>)
-webkit-scroll-snap-type
The -webkit-scroll-snap-type property specifies what type of snap-point should be used for the current element.
-webkit-scroll-snap-type: none | proximity | mandatory
-ms-scroll-snap-type: none | proximity | mandatory
-ms-scroll-snap-x
The -ms-scroll-snap-x property specifies values for the -ms-scroll-snap-type and -ms-scroll-snap-points-x properties.
-ms-scroll-snap-x: <-ms-scroll-snap-type> <-ms-scroll-snap-points-x>
-ms-scroll-snap-y
The -ms-scroll-snap-y property specifies values for the -ms-scroll-snap-type and -ms-scroll-snap-points-y properties.
-ms-scroll-snap-y: <-ms-scroll-snap-type> <-ms-scroll-snap-points-y>
-ms-scroll-translation
The -ms-scroll-translation property specifies whether vertical-to-horizontal scroll wheel translation occurs on the specified element.
-ms-scroll-translation: vertical-to-horizontal | none | inherit
-ms-scrollbar-3dlight-color
-webkit-shape-image-threshold
shape-image-threshold
-webkit-shape-margin
shape-margin
-webkit-shape-outside
shape-outside
-moz-stack-sizing
-moz-tab-size
tab-size
-webkit-tap-highlight-color
The -webkit-tap-highlight-color property overrides the highlight color shown when the user taps a link or a JavaScript clickable element.
-webkit-tap-highlight-color: <color>
text-align-last
The text-align-last property describes how the last line of a block or a line, right before a forced line break, is aligned.
-webkit-text-align-last: auto | start | end | left | right | center | justify | inherit
-moz-text-align-last: auto | start | end | left | right | center | justify | inherit
-ms-text-align-last: auto | center | inherit | justify | left | right | inherit
text-align-last: auto | start | end | left | right | center | justify | inherit
-ms-text-autospace
The -ms-text-autospace property specifies the autospacing and narrow space width adjustment of text.
-ms-text-autospace: none | ideograph-alpha | ideograph-numeric | ideograph-parenthesis | ideograph-space
-webkit-text-combine
-epub-text-combine
text-combine-horizontal
The text-combine-horizontal property allows for the combination of multiple characters into the space of a single character in vertical writing modes.
-webkit-text-combine-horizontal: none | all | [digits <number>]
-moz-text-combine-horizontal: none | all | [digits <number>]
-ms-text-combine-horizontal: none | all | [digits <number>]
text-combine-horizontal: none | all | [digits <number>]
text-decoration-color
The text-decoration-color property sets the color used when drawing underlines, overlines, or strike-throughs specified by text-decoration-line.
-webkit-text-decoration-color: <color> | inherit
-moz-text-decoration-color: <color> | inherit
text-decoration-color: <color> | inherit
text-decoration-line
The text-decoration-line property sets what kind of line decorations are added to an element.
-webkit-text-decoration-line: none | underline | overline | line-through | inherit
-moz-text-decoration-line: none | underline | overline | line-through | inherit
text-decoration-line: none | underline | overline | line-through | inherit
-webkit-text-decoration-skip
text-decoration-style
The text-decoration-style property defines the style of the lines specified by text-decoration-line.
-webkit-text-decoration-style: solid | double | dotted | dashed | wavy | inherit
-moz-text-decoration-style: solid | double | dotted | dashed | wavy | inherit
text-decoration-style: solid | double | dotted | dashed | wavy | inherit
-webkit-text-decorations-in-effect
text-emphasis
The text-emphasis property is a shorthand for setting text-emphasis-style and text-emphasis-color in one declaration.
-webkit-text-emphasis: <-webkit-text-emphasis-style> <-webkit-text-emphasis-color>
text-emphasis: <text-emphasis-style> <text-emphasis-color>
text-emphasis-color
The text-emphasis-color property specifies the foreground color of the emphasis marks.
-webkit-text-emphasis-color: <color> | currentcolor
text-emphasis-color: <color> | currentcolor
text-emphasis-position
The text-emphasis-position property describes where emphasis marks are drawn at.
-webkit-text-emphasis-position: [over | under] && [right | left]
text-emphasis-position: [over | under] && [right | left]
text-emphasis-style
The text-emphasis-style property applies emphasis marks to the element's text.
-webkit-text-emphasis-style: none | [[filled | open] [dot | circle | double-circle | triangle | sesame]] | <string>
text-emphasis-style: none | [[filled | open] [dot | circle | double-circle | triangle | sesame]] | <string>
-webkit-text-fill-color
The -webkit-text-fill-color property specifies a fill color for text.
-webkit-text-fill-color: <color> | currentcolor
text-justify
The text-justify property specifies the type of alignment used to justify text in the object.
-webkit-text-justify: auto | distribute | distribute-all-lines | distribute-center-last | inter-cluster | inter-ideograph | inter-word | kashida | newspaper
text-justify: auto | distribute | distribute-all-lines | distribute-center-last | inter-cluster | inter-ideograph | inter-word | kashida | newspaper
text-orientation
The text-orientation property defines the orientation of the text in a line.
-webkit-text-orientation: mixed | upright | sideways-right | sideways-left | sideways | use-glyph-orientation | inherit | initial | unset
text-orientation: mixed | upright | sideways-right | sideways-left | sideways | use-glyph-orientation | inherit | initial | unset
-webkit-text-security
The -webkit-text-securityproperty specifies the type of shape used to hide the letters in a password input field.
-webkit-text-security: circle | disc | none | square
text-size-adjust
On mobile devices, the text-size-adjust property allows Web authors to control if and how the text-inflating algorithm is applied to the textual content of the element it is applied to.
-webkit-text-size-adjust: none | auto | <percentage> | inherit
-moz-text-size-adjust: none | auto | <percentage> | inherit
-ms-text-size-adjust: none | auto | <percentage> | inherit
text-size-adjust: none | auto | <percentage> | inherit
-webkit-text-stroke
-webkit-text-stroke-color
-webkit-text-stroke-width
text-underline-position
The text-underline-position property specifies the position of the underline decoration that is set through the text-decoration property of the object.
-webkit-text-underline-position: above | below | auto | auto-pos
-ms-text-underline-position: above | below | auto | auto-pos
text-underline-position: above | below | auto | auto-pos
-webkit-touch-callout
The -webkit-touch-callout property disables the default callout shown when you touch and hold a touch target.
-webkit-touch-callout: none | default
-ms-touch-select
The -ms-touch-select property toggles the "gripper" visual elements that enable touch text selection.
-ms-touch-select: grippers | none
transition-timing-function
The transition-timing-function property specifies the speed curve of the transition effect.
-webkit-transition-timing-function: ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier() | initial | inherit
-moz-transition-timing-function: ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier() | initial | inherit
-o-transition-timing-function: ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier() | initial | inherit
transition-timing-function: ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier() | initial | inherit
transform
The transform property lets you modify the coordinate space of the visual formatting model.
-webkit-transform: none | matrix() | translate() | translateX() | translateY() | scale() | scaleX() | scaleY() | rotate() | skewX() | skewY() | matrix3d() | translate3d() | translateZ() | scale3d() | scaleZ() | rotate3d() | rotateX() | rotateY() | rotateZ() | perspective()
-moz-transform: none | matrix() | translate() | translateX() | translateY() | scale() | scaleX() | scaleY() | rotate() | skewX() | skewY() | matrix3d() | translate3d() | translateZ() | scale3d() | scaleZ() | rotate3d() | rotateX() | rotateY() | rotateZ() | perspective()
-ms-transform: none | matrix() | translate() | translateX() | translateY() | scale() | scaleX() | scaleY() | rotate() | skewX() | skewY() | matrix3d() | translate3d() | translateZ() | scale3d() | scaleZ() | rotate3d() | rotateX() | rotateY() | rotateZ() | perspective()
-o-transform: none | matrix() | translate() | translateX() | translateY() | scale() | scaleX() | scaleY() | rotate() | skewX() | skewY() | matrix3d() | translate3d() | translateZ() | scale3d() | scaleZ() | rotate3d() | rotateX() | rotateY() | rotateZ() | perspective()
transform: none | matrix() | translate() | translateX() | translateY() | scale() | scaleX() | scaleY() | rotate() | skewX() | skewY() | matrix3d() | translate3d() | translateZ() | scale3d() | scaleZ() | rotate3d() | rotateX() | rotateY() | rotateZ() | perspective()
transform-origin
The transform-origin property lets you modify the origin for transformations of an element.
-webkit-transform-origin: [<percentage> | <length> | left | center | right | top | bottom] | [[<percentage> | <length> | left | center | right] && [<percentage> | <length> | top | center | bottom]] <length>
-moz-transform-origin: [<percentage> | <length> | left | center | right | top | bottom] | [[<percentage> | <length> | left | center | right] && [<percentage> | <length> | top | center | bottom]] <length>
-o-transform-origin: [<percentage> | <length> | left | center | right | top | bottom] | [[<percentage> | <length> | left | center | right] && [<percentage> | <length> | top | center | bottom]] <length>
transform-origin: [<percentage> | <length> | left | center | right | top | bottom] | [[<percentage> | <length> | left | center | right] && [<percentage> | <length> | top | center | bottom]] <length>
-webkit-transform-origin-x
transform-origin-x
-webkit-transform-origin-y
transform-origin-y
-webkit-transform-origin-z
transform-origin-z
transform-style
The transform-style property determines if the children of the element are positioned in the 3D-space or are flattened in the plane of the element.
-webkit-transform-style: flat | preserve-3d | inherit
-moz-transform-style: flat | preserve-3d | inherit
transform-style: flat | preserve-3d | inherit
user-drag
The user-drag property specifies that an entire element should be draggable instead of its contents.
-webkit-user-drag: auto | element | none
user-drag: auto | element | none
-moz-user-focus
The -moz-user-focus property specifies whether the element can have the focus.
-moz-user-focus: ignore | normal
-moz-user-input
The -moz-user-input property determines if an element will accept user input.
-moz-user-input: none | enabled | disabled | inherit
-webkit-user-modify
-webkit-user-modify: read-only | read-write | write-only | read-write-plaintext-only | inherit
-khtml-user-modify: read-only | read-write | write-only | inherit
-moz-user-modify: read-only | read-write | write-only | inherit
-webkit-user-select
The user-select property allows us to prevent users from selecting text within a given element.
-webkit-user-select: auto | none | text
-khtml-user-select: auto | none | text
-moz-user-select: none | text | all | element
-ms-user-select: auto | none | text
user-select: auto | none | text
-moz-window-dragging
-moz-window-shadow
The -moz-window-shadow property specifies whether a window will have a shadow.
-moz-window-shadow: default | menu | tooltip | sheet | none
-ms-wrap-flow
The -ms-wrap-flow property gets or sets a value that specifies how exclusions impact inline content within block-level elements.
-ms-wrap-flow: auto | both | start | end | maximum | clear
-ms-wrap-margin
The -ms-wrap-margin property gets or sets a value that is used to offset the inner wrap shape from other shapes.
-ms-wrap-margin: <length>
-ms-wrap-through
The -ms-wrap-through property gets or sets a value that specifies how content should wrap around an exclusion element.
-ms-wrap-through: wrap | none
writing-mode
Specifies the direction and flow of the content in the object.
-webkit-writing-mode: horizontal-tb | rl-tb| vertical-lr | vertical-rl | bt-rl | bt-lr | lr-bt | rl-bt
-epub-writing-mode: horizontal-tb | rl-tb| vertical-lr | vertical-rl | bt-rl | bt-lr | lr-bt | rl-bt
-moz-writing-mode: horizontal-tb | rl-tb| vertical-lr | vertical-rl | bt-rl | bt-lr | lr-bt | rl-bt
-ms-writing-mode: lr-tb | rl-tb | tb-rl | bt-rl | tb-lr | bt-lr | lr-bt | rl-bt | lr | rl | tb
writing-mode: horizontal-tb | rl-tb| vertical-lr | vertical-rl | bt-rl | bt-lr | lr-bt | rl-bt
tbd.
:root
:empty
:target
:enabled
:disabled
:checked
:indeterminate
:default
:valid
:invalid
:in-range
:out-of-range
:required
:optional
:read-only
:read-write
:active
:focus
:hover
:lang
:link
:visited
input:enabled
input:disabled
input[type=radio]:checked
input:not(disabled)
input:not([type=radio])
::-ms-backdrop
::backdrop
::before
::after
::first-letter
::first-line
::selection
::value
::choices
::repeat-item
::repeat-index
:first-child
:last-child
:only-child
li:nth-child
li:nth-last-child
li:nth-of-type
li:nth-of-type(3)
li:nth-last-of-type
li:nth-last-of-type:not
p:first-of-type
p:first-of-type:not
p:last-of-type
p:last-of-type:not
p:only-of-type
:-webkit-full-screen
:-webkit-full-screen video
:-moz-full-screen
:-ms-fullscreen
:full-screen
:fullscreen
Caution
Many CSS proposals are not supported by all browsers.
Source
- https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html
- http://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Webkit_Extensions
- http://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Mozilla_Extensions
- http://msdn.microsoft.com/en-us/library/windows/apps/hh453256.aspx
- http://msdn.microsoft.com/en-us/library/windows/apps/hh453816.aspx
- http://msdn.microsoft.com/en-us/library/windows/apps/hh453722.aspx
- http://msdn.microsoft.com/en-us/library/windows/apps/hh453365.aspx
- http://msdn.microsoft.com/en-us/library/ie/hh772711(v=vs.85).aspx
- http://msdn.microsoft.com/en-us/library/ie/dn265027(v=vs.85).aspx
- http://msdn.microsoft.com/en-us/library/ie/hh772052(v=vs.85).aspx
- http://msdn.microsoft.com/en-us/library/ie/hh772061(v=vs.85).aspx
- http://msdn.microsoft.com/en-us/library/ie/hh772373(v=vs.85).aspx
- http://css-infos.net/properties/webkit