Mozilla CSS extensions - CSS: Cascading Style Sheets 编辑

Mozilla applications such as Firefox support a number of special Mozilla extensions to CSS, including properties, values, pseudo-elements and pseudo-classes, at-rules, and media queries. These extensions are prefixed with -moz-.

Mozilla-only properties and pseudo-classes (avoid using on websites)

Note: These properties and pseudo-classes will only work in Mozilla applications such as Firefox, and are not on a standards track. Some of them apply only to XUL elements.

B

• -moz-binding 
• -moz-border-bottom-colors 
• -moz-border-left-colors 
• -moz-border-right-colors 
• -moz-border-top-colors 
• -moz-box-align
• -moz-box-direction
• -moz-box-flex
• -moz-box-ordinal-group
• -moz-box-orient
• -moz-box-pack

C–I

• -moz-context-properties
• -moz-float-edge
• -moz-force-broken-image-icon
• -moz-image-region

O

• -moz-orient
• -moz-osx-font-smoothing
• -moz-outline-radius
• -moz-outline-radius-bottomleft
• -moz-outline-radius-bottomright
• -moz-outline-radius-topleft
• -moz-outline-radius-topright
• overflow-clip-box
• overflow-clip-box-block
• overflow-clip-box-inline

S–Z

• -moz-stack-sizing
• :-moz-system-metric(images-in-menus) 
• :-moz-system-metric(mac-graphite-theme) 
• :-moz-system-metric(scrollbar-end-backward) 
• :-moz-system-metric(scrollbar-end-forward) 
• :-moz-system-metric(scrollbar-start-backward) 
• :-moz-system-metric(scrollbar-start-forward) 
• :-moz-system-metric(scrollbar-thumb-proportional) 
• :-moz-system-metric(touch-enabled) 
• :-moz-system-metric(windows-default-theme) 
• -moz-user-focus
• -moz-user-input
• -moz-user-modify
• -moz-window-dragging
• -moz-window-shadow

Formerly proprietary properties that are now standard

Note: To maximize the compatibility of your CSS, you should use the unprefixed standard properties instead of the prefixed ones listed below. Once a given property is standardized and implemented without the prefix, the prefixed version is typically dropped after a while.

• A

• -moz-animation  [Prefixed version still accepted]
• -moz-animation-delay  [Prefixed version still accepted]
• -moz-animation-direction  [Prefixed version still accepted]
• -moz-animation-duration  [Prefixed version still accepted]
• -moz-animation-fill-mode  [Prefixed version still accepted]
• -moz-animation-iteration-count  [Prefixed version still accepted]
• -moz-animation-name  [Prefixed version still accepted]
• -moz-animation-play-state  [Prefixed version still accepted]
• -moz-animation-timing-function  [Prefixed version still accepted]
• -moz-appearance 

• B

• -moz-backface-visibility  [Prefixed version still accepted]
• -moz-background-clipObsolete since Gecko 2
• -moz-background-originObsolete since Gecko 2
• -moz-background-inline-policyObsolete since Gecko 32 [Superseded by the standard version box-decoration-break]
• -moz-background-sizeObsolete since Gecko 2
• -moz-border-end  [Superseded by the standard version border-inline-end]
• -moz-border-end-color  [Superseded by the standard version border-inline-end-color]
• -moz-border-end-style  [Superseded by the standard version border-inline-end-style]
• -moz-border-end-width  [Superseded by the standard version border-inline-end-width]
• -moz-border-image 
• -moz-border-start  [Superseded by the standard version border-inline-start]
• -moz-border-start-color  [Superseded by the standard version border-inline-start-color]
• -moz-border-start-style  [Superseded by the standard version border-inline-start-style]
• -moz-border-start-width  [Superseded by the standard version border-inline-start-width]
• -moz-box-sizing  [Prefixed version still accepted]

• C

• clip-path  [Applying to more than SVG]
• -moz-column-count  [Prefixed version still accepted]
• -moz-column-fill  [Prefixed version still accepted]
• -moz-column-gap  [Prefixed version still accepted]
• -moz-column-width  [Prefixed version still accepted]
• -moz-column-rule  [Prefixed version still accepted]
• -moz-column-rule-width  [Prefixed version still accepted]
• -moz-column-rule-style  [Prefixed version still accepted]
• -moz-column-rule-color  [Prefixed version still accepted]
• -moz-context-properties 

• F–M

• filter  [Applying to more than SVG]
• -moz-font-feature-settings  [Prefixed version still accepted]
• -moz-font-language-override  [Prefixed version still accepted]
• -moz-hyphens  [Prefixed version still accepted]
• -moz-margin-end  [Superseded by the standard version margin-inline-end]
• -moz-margin-start  [Superseded by the standard version margin-inline-start]
• mask  [Applying to more than SVG]

• O

• -moz-opacityObsolete since Gecko 1.9.1
• -moz-outlineObsolete since Gecko 1.9.2
• -moz-outline-colorObsolete since Gecko 1.9.2
• -moz-outline-offsetObsolete since Gecko 1.9.2
• -moz-outline-styleObsolete since Gecko 1.9.2
• -moz-outline-widthObsolete since Gecko 1.9.2

• P

• -moz-padding-end  [Superseded by the standard version padding-inline-start]
• -moz-padding-start  [Superseded by the standard version padding-inline-end]
• -moz-perspective  [Prefixed version still accepted]
• -moz-perspective-origin  [Prefixed version still accepted]
• pointer-events  [Applying to more than SVG]

• T–U

• -moz-tab-size 
• -moz-text-align-lastObsolete since Gecko 53
• -moz-text-decoration-colorObsolete since Gecko 39
• -moz-text-decoration-lineObsolete since Gecko 39
• -moz-text-decoration-styleObsolete since Gecko 39
• -moz-text-size-adjust 
• -moz-transform  [Prefixed version still accepted]
• -moz-transform-origin  [Prefixed version still accepted]
• -moz-transform-style  [Prefixed version still accepted]
• -moz-transition  [Prefixed version still accepted]
• -moz-transition-delay  [Prefixed version still accepted]
• -moz-transition-duration  [Prefixed version still accepted]
• -moz-transition-property  [Prefixed version still accepted]
• -moz-transition-timing-function  [Prefixed version still accepted]
• -moz-user-select 

Values

Global values

• -moz-initial

-moz-appearance

• button
• button-arrow-down
• button-arrow-next
• button-arrow-previous
• button-arrow-up
• button-bevel
• checkbox
• checkbox-container
• checkbox-label
• checkmenuitem
• dialog
• groupbox
• listbox
• menuarrow
• menucheckbox
• menuimage
• menuitem
• menuitemtext
• menulist
• menulist-button
• menulist-text
• menulist-textfield
• menupopup
• menuradio
• menuseparator
• -moz-mac-unified-toolbar
• -moz-win-borderless-glass
• -moz-win-browsertabbar-toolbox
• -moz-win-communications-toolbox
• -moz-win-glass
• -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-titlebar
• -moz-window-titlebar-maximized
• progressbar
• progresschunk
• radio
• radio-container
• radio-label
• radiomenuitem
• resizer
• resizerpanel
• scale-horizontal
• scalethumb-horizontal
• scalethumb-vertical
• scale-vertical
• scrollbarbutton-down
• scrollbarbutton-left
• scrollbarbutton-right
• scrollbarbutton-up
• scrollbar-small
• scrollbarthumb-horizontal
• scrollbarthumb-vertical
• scrollbartrack-horizontal
• scrollbartrack-vertical
• separator
• spinner
• spinner-downbutton
• spinner-textfield
• spinner-upbutton
• statusbar
• statusbarpanel
• tab
• tabpanels
• tab-scroll-arrow-back
• tab-scroll-arrow-forward
• textfield
• textfield-multiline
• toolbar
• toolbarbutton-dropdown
• toolbox
• tooltip
• treeheadercell
• treeheadersortarrow
• treeitem
• treetwisty
• treetwistyopen
• treeview
• window

background-image

• Gradients

  • -moz-linear-gradient 
  • -moz-radial-gradient 

• Elements

  • -moz-element

• Sub-images

  • -moz-image-rect()

border-color

• -moz-use-text-colorObsolete since Gecko 52 (removed in bug 1306214); use currentcolor instead.

border-style and outline-style

• -moz-bg-insetObsolete since Gecko 1.9
• -moz-bg-outsetObsolete since Gecko 1.9
• -moz-bg-solidObsolete since Gecko 1.9

<color> keywords

• -moz-activehyperlinktext
• -moz-hyperlinktext
• -moz-visitedhyperlinktext
• -moz-buttondefault
• -moz-buttonhoverface
• -moz-buttonhovertext
• -moz-default-background-color
• -moz-default-color
• -moz-cellhighlight
• -moz-cellhighlighttext
• -moz-field
• -moz-fieldtext
• -moz-dialog
• -moz-dialogtext
• -moz-dragtargetzone
• -moz-mac-accentdarkestshadow
• -moz-mac-accentdarkshadow
• -moz-mac-accentface
• -moz-mac-accentlightesthighlight
• -moz-mac-accentlightshadow
• -moz-mac-accentregularhighlight
• -moz-mac-accentregularshadow
• -moz-mac-chrome-active
• -moz-mac-chrome-inactive
• -moz-mac-focusring
• -moz-mac-menuselect
• -moz-mac-menushadow
• -moz-mac-menutextselect
• -moz-menuhover
• -moz-menuhovertext
• -moz-win-communicationstext
• -moz-win-mediatext
• -moz-nativehyperlinktext

display

• -moz-box 
• -moz-inline-block 
• -moz-inline-box 
• -moz-inline-gridObsolete since Gecko 62
• -moz-inline-stackObsolete since Gecko 62
• -moz-inline-table 
• -moz-gridObsolete since Gecko 62
• -moz-grid-groupObsolete since Gecko 62
• -moz-grid-lineObsolete since Gecko 62
• -moz-groupbox
• -moz-deckObsolete since Gecko 62
• -moz-popupObsolete since Gecko 62
• -moz-stackObsolete since Gecko 62
• -moz-markerObsolete since Gecko 62

empty-cells

• -moz-show-background (default value in quirks mode)

font

• -moz-button
• -moz-info
• -moz-desktop
• -moz-dialog (also a color)
• -moz-document
• -moz-workspace
• -moz-window
• -moz-list
• -moz-pull-down-menu
• -moz-field (also a color)

font-family

• -moz-fixed

image-rendering

• -moz-crisp-edges

<length>

• -moz-calc()

list-style-type

• -moz-arabic-indic
• -moz-bengali
• -moz-cjk-earthly-branch
• -moz-cjk-heavenly-stem
• -moz-devanagari
• -moz-ethiopic-halehame
• -moz-ethiopic-halehame-am
• -moz-ethiopic-halehame-ti-er
• -moz-ethiopic-halehame-ti-et
• -moz-ethiopic-numeric
• -moz-gujarati
• -moz-gurmukhi
• -moz-hangul
• -moz-hangul-consonant
• -moz-japanese-formal
• -moz-japanese-informal
• -moz-kannada
• -moz-khmer
• -moz-lao
• -moz-malayalam
• -moz-myanmar
• -moz-oriya
• -moz-persian
• -moz-simp-chinese-formal
• -moz-simp-chinese-informal
• -moz-tamil
• -moz-telugu
• -moz-thai
• -moz-trad-chinese-formal
• -moz-trad-chinese-informal
• -moz-urdu

overflow

• -moz-scrollbars-none 
• -moz-scrollbars-horizontal 
• -moz-scrollbars-vertical 
• -moz-hidden-unscrollable

text-align

• -moz-center
• -moz-left
• -moz-right

text-decoration

• -moz-anchor-decoration

-moz-user-select

• -moz-all
• -moz-none

width, min-width, and max-width

• -moz-min-content
• -moz-fit-content
• -moz-max-content
• -moz-available

Pseudo-elements and pseudo-classes

• A – D

• ::-moz-anonymous-block eg@:- bug 331432
• ::-moz-anonymous-positioned-block
• :-moz-any
• :-moz-any-link [Matches :link and :visited]
• :-moz-broken
• ::-moz-canvas
• ::-moz-color-swatch
• ::-moz-cell-content
• :-moz-drag-over

• F – I

• :-moz-first-node
• ::-moz-focus-inner
• ::-moz-focus-outer
• :-moz-focusring
• :-moz-full-screen
• :-moz-full-screen-ancestor
• :-moz-handler-blocked
• :-moz-handler-crashed
• :-moz-handler-disabled
• ::-moz-inline-table

• L

• :-moz-last-node
• :-moz-list-bullet
• :-moz-list-number
• :-moz-loading
• :-moz-locale-dir(ltr)
• :-moz-locale-dir(rtl)
• :-moz-lwtheme
• :-moz-lwtheme-brighttext
• :-moz-lwtheme-darktext

• N – R

• :-moz-native-anonymous
• :-moz-only-whitespace
• ::-moz-page
• ::-moz-page-sequence
• ::-moz-pagebreak
• ::-moz-pagecontent
• :-moz-placeholderObsolete since Gecko 51
• ::-moz-placeholderDeprecated since Gecko 51
• ::-moz-progress-bar
• ::-moz-range-progress
• ::-moz-range-thumb
• ::-moz-range-track
• :-moz-read-only
• :-moz-read-write

• S

• ::-moz-scrolled-canvas
• ::-moz-scrolled-content
• ::-moz-scrolled-page-sequence
• ::-moz-selectionDeprecated since Gecko 62
• :-moz-submit-invalid
• :-moz-suppressed
• ::-moz-svg-foreign-content

• T

• ::-moz-table
• ::-moz-table-cell
• ::-moz-table-column
• ::-moz-table-column-group
• ::-moz-table-outer
• ::-moz-table-row
• ::-moz-table-row-group
• :-moz-tree-cell
• :-moz-tree-cell-text
• :-moz-tree-cell-text(hover)
• :-moz-tree-checkbox
• :-moz-tree-column
• :-moz-tree-drop-feedback
• :-moz-tree-image
• :-moz-tree-indentation
• :-moz-tree-line
• :-moz-tree-progressmeter
• :-moz-tree-row
• :-moz-tree-row(hover)
• :-moz-tree-separator
• :-moz-tree-twisty

• U – X

• :-moz-ui-invalid
• :-moz-ui-valid
• :-moz-user-disabled
• ::-moz-viewport
• ::-moz-viewport-scroll
• :-moz-window-inactive
• ::-moz-xul-anonymous-block

At-rules

• @-moz-document

Media features

• -moz-mac-graphite-theme
• -moz-maemo-classic
• -moz-device-pixel-ratio
• -moz-os-version
• -moz-scrollbar-end-backward
• -moz-scrollbar-end-forward
• -moz-scrollbar-start-backward
• -moz-scrollbar-start-forward
• -moz-scrollbar-thumb-proportional
• -moz-touch-enabled
• -moz-windows-accent-color-in-titlebar
• -moz-windows-classic
• -moz-windows-compositor
• -moz-windows-default-theme
• -moz-windows-glass
• -moz-windows-theme

Other

• -moz-alt-content (see bug 11011)

See also

• Chrome-only CSS reference
• Microsoft CSS extensions
• WebKit CSS extensions