The -ms-accelerator
property sets or retrieves a string that indicates whether the object represents a keyboard shortcut.
-ms-accelerator: false | true
The -webkit-app-region
property can specify draggable areas to frameless windows.
-webkit-app-region: drag | no-drag
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: invert() | contrast(<percentage>)
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
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: border| clear | copy | source-over | source-in | source-out | source-atop | destination-over | destination-in | destination-out | destination-atop | xor | highlight | inherit
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
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
The -moz-binding
property is used by Mozilla-based applications to attach an XBL
binding to a DOM element.
-moz-binding: <uri> | none
The -ms-block-progression
property specifies the block progression and layout orientation.
-ms-block-progression: tb | rl | bt | lr
-webkit-border-after: <uri> <top> <right> <bottom> <left> <x_repeat> <y_repeat>
-webkit-border-after-color: <color> | inherit
-webkit-border-after-style: <border-style> | inherit
-webkit-border-after-width: <border-width> | inherit
-webkit-border-before
-webkit-border-before-color: <color> | inherit
-webkit-border-before-style: <border-style> | inherit
-webkit-border-before-width: <border-width> | inherit
-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
The -moz-border-left-colors
property sets a list of colors for the left border.
-moz-border-left-colors: <color> | none
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
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
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
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
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
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
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}
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
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: <spacing>
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
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
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>
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>
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
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>
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
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
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>
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>]
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
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: sRGB | default
-webkit-column-axis: auto | vertical | horizontal
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
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
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
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>
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
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
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>
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
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
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
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
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
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>
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
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>
The -ms-content-zoom-limit-max
property specifies the maximum zoom factor.
-ms-content-zoom-limit-max: <percentage>
The -ms-content-zoom-limit-min
property specifies the minimum zoom factor.
-ms-content-zoom-limit-min: <percentage>
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>
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>)
The -ms-content-zoom-snap-type
property specifies how zooming is affected by defined snap-points.
-ms-content-zoom-snap-type: mandatory | proximity | none
The -ms-content-zooming
property specifies whether zooming is enabled.
-ms-content-zooming: zoom | none
-moz-control-character-visibility: visible | hidden
-webkit-cursor-visibility: auto-hide
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])
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])
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
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
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
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
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
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
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: border-box | padding-box | margin-box
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]
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]
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
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
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
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
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
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
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>
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
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
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
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>
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
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
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
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
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
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: <number>
-webkit-hyphenate-limit-before: <number>
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
[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
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
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
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
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])
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
The initial-letter
property specifies styling for dropped, raised and sunken initial letters.
-webkit-initial-letter: normal | [<number> <number>]
initial-letter: normal | [<number> <number>]
[Deprecated] Gets or sets the interpolation (resampling) method used to stretch images.
-ms-interpolation-mode: nearest-neighbor | bicubic
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
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>
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>
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>
The -ms-layout-grid-mode
property specifies whether the text layout grid uses two dimensions.
-ms-layout-grid-mode: both | none | line | char
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
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: <number>
The line-grid
property 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
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: <string>
-webkit-logical-height
-webkit-logical-width
-webkit-margin-after
-webkit-margin-after-collapse
-webkit-margin-before
-webkit-margin-before-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
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
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>
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
The -webkit-marquee
property defines properties for showing content as though displayed on an electronic marquee sign.
-webkit-marquee: <direction> <increment> <repetition> <style> <speed>
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
The -webkit-marquee-increment
property defines the distance the marquee moves in each increment.
-webkit-marquee-increment: large | medium | small | <distance>
The -webkit-marquee-repetition
property specifies the number of times a marquee box repeats (or infinite).
-webkit-marquee-repetition: infinite | <iterations>
The -webkit-marquee-speed
property defines the scroll or slide speed of a marquee box.
-webkit-marquee-speed: fast | normal | slow
The -webkit-marquee-style
property specifies the style of marquee motion.
-webkit-marquee-style: alternate | none | scroll | slide
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
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>]
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
If a -webkit-mask-image
is specified, -webkit-mask-clip
determines the mask image's clipping behavior.
-webkit-mask-clip: border | padding | content | text
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
The -webkit-mask-origin
property determines the origin of a mask image.
-webkit-mask-origin: [padding | border | content][, [border | padding | content]]
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
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
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
The -moz-orient
property specifies the orientation of the element to which it's applied.
-moz-orient: auto | horizontal | vertical
The -moz-outline-radius
property can be used to give outlines rounded corners.
-moz-outline-radius: <length> | <percentage> | inherit
The -moz-outline-radius-bottomleft
property sets the rounding of the bottom-left corner of the outline.
-moz-outline-radius-bottomleft: <length> | <percentage>
The -moz-outline-radius-bottomright
property sets the rounding of the bottom-right corner of the outline.
-moz-outline-radius-bottomright: <length> | <percentage>
The -moz-outline-radius-topleft
property sets the rounding of the top-left corner of the outline.
-moz-outline-radius-topleft: <length> | <percentage>
The -moz-outline-radius-topright
property sets the rounding of the top-right corner of the outline.
-moz-outline-radius-topright: <length> | <percentage>
The -webkit-overflow-scrolling
property specifies whether to use native-style scrolling in an overflow:scroll element.
-webkit-overflow-scrolling: auto | touch
Gets or sets the scrolling behavior for elements that overflow.
-ms-overflow-style: auto | none | scrollbar | -ms-autohiding-scrollbar
-webkit-padding-after: <length> | <percentage> | inherit | auto
-moz-padding-after: <length> | <percentage> | inherit | auto
-webkit-padding-before: <length> | <percentage> | inherit | auto
-moz-padding-before: <length> | <percentage> | inherit | auto
-webkit-padding-end: <length> | <percentage> | inherit | auto
-moz-padding-end: <length> | <percentage> | inherit | auto
-webkit-padding-start: <length> | <percentage> | inherit | auto
-khtml-padding-start: <length> | <percentage> | inherit | auto
-moz-padding-start: <length> | <percentage> | inherit | auto
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
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
-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
-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
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: auto | always | avoid | left | right
-webkit-region-break-before: auto | always | avoid | left | right
-webkit-region-break-inside
-webkit-region-fragment: auto | break
-webkit-rtl-ordering: logical | visual
-webkit-ruby-position: befor | after
ruby-position: befor | after
-moz-script-level
-moz-script-min-size
-moz-script-size-multiplier
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
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>
The -ms-scroll-limit-x-max
property Specifies the maximum value for the scrollLeft
property.
-ms-scroll-limit-x-max: auto | <length>
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>
The -ms-scroll-limit-y-max
property specifies the maximum value for the scrollTop
property.
-ms-scroll-limit-y-max: auto | <length>
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>
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
-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>)
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>)
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
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>
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>
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
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>
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
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
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>]
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
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
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
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>
The text-emphasis-color
property specifies the foreground color of the emphasis marks.
-webkit-text-emphasis-color: <color> | currentcolor
text-emphasis-color: <color> | currentcolor
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]
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>
The -webkit-text-fill-color
property specifies a fill color for text.
-webkit-text-fill-color: <color> | currentcolor
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
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
The -webkit-text-security
property specifies the type of shape used to hide the letters in a password input field.
-webkit-text-security: circle | disc | none | square
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
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
The -webkit-touch-callout
property disables the default callout shown when you touch and hold a touch target.
-webkit-touch-callout: none | default
The -ms-touch-select
property toggles the "gripper" visual elements that enable touch text selection.
-ms-touch-select: grippers | none
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
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()
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
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
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
The -moz-user-focus
property specifies whether the element can have the focus.
-moz-user-focus: ignore | normal
The -moz-user-input
property determines if an element will accept user input.
-moz-user-input: none | enabled | disabled | inherit
-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
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
The -moz-window-shadow
property specifies whether a window will have a shadow.
-moz-window-shadow: default | menu | tooltip | sheet | none
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
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>
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
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
: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
Many CSS proposals are not supported by all browsers.
- 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