Skip to content

Instantly share code, notes, and snippets.

@p3t3r67x0
Last active October 31, 2020 15:16
Show Gist options
  • Save p3t3r67x0/a27380c066a03e6c87b2 to your computer and use it in GitHub Desktop.
Save p3t3r67x0/a27380c066a03e6c87b2 to your computer and use it in GitHub Desktop.
Be aware that every rendering engine has its own implementation of prefixed properties. As extensions are made part of the standard, the unprefixed identifier is then substituted.

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment