Web/CSS/Mozilla Extensions

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

• [[../../../Archive/Web/CSS/-moz-binding|-moz-binding]]  '
• [[../../../Archive/Web/CSS/-moz-border-bottom-colors|-moz-border-bottom-colors]]  '
• [[../../../Archive/Web/CSS/-moz-border-left-colors|-moz-border-left-colors]]  '
• [[../../../Archive/Web/CSS/-moz-border-right-colors|-moz-border-right-colors]]  '
• [[../../../Archive/Web/CSS/-moz-border-top-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
• [[../../../Mozilla/Gecko/Chrome/CSS/overflow-clip-box|overflow-clip-box]]
• [[../../../Mozilla/Gecko/Chrome/CSS/overflow-clip-box-block|overflow-clip-box-block]]
• [[../../../Mozilla/Gecko/Chrome/CSS/overflow-clip-box-inline|overflow-clip-box-inline]]

S–Z

• [[../../../Archive/Web/CSS/-moz-stack-sizing|-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
• [[../../../Mozilla/Gecko/Chrome/CSS/-moz-window-dragging|-moz-window-dragging]]
• [[../../../Archive/Web/CSS/-moz-window-shadow|-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

• [[../../../Archive/Web/CSS/%40media/-moz-mac-graphite-theme|-moz-mac-graphite-theme]]
• [[../../../Archive/Web/CSS/%40media/-moz-maemo-classic|-moz-maemo-classic]]
• -moz-device-pixel-ratio
• [[../../../Archive/Web/CSS/%40media/-moz-os-version|-moz-os-version]]
• [[../../../Archive/Web/CSS/%40media/-moz-scrollbar-end-backward|-moz-scrollbar-end-backward]]
• [[../../../Archive/Web/CSS/%40media/-moz-scrollbar-end-forward|-moz-scrollbar-end-forward]]
• [[../../../Archive/Web/CSS/%40media/-moz-scrollbar-start-backward|-moz-scrollbar-start-backward]]
• [[../../../Archive/Web/CSS/%40media/-moz-scrollbar-start-forward|-moz-scrollbar-start-forward]]
• [[../../../Archive/Web/CSS/%40media/-moz-scrollbar-thumb-proportional|-moz-scrollbar-thumb-proportional]]
• [[../../../Archive/Web/CSS/%40media/-moz-touch-enabled|-moz-touch-enabled]]
• [[../../../Archive/Web/CSS/%40media/-moz-windows-accent-color-in-titlebar|-moz-windows-accent-color-in-titlebar]]
• [[../../../Archive/Web/CSS/%40media/-moz-windows-classic|-moz-windows-classic]]
• [[../../../Archive/Web/CSS/_-moz-system-metric/-moz-windows-compositor|-moz-windows-compositor]]
• [[../../../Archive/Web/CSS/%40media/-moz-windows-default-theme|-moz-windows-default-theme]]
• [[../../../Archive/Web/CSS/%40media/-moz-windows-glass|-moz-windows-glass]]
• [[../../../Archive/Web/CSS/%40media/-moz-windows-theme|-moz-windows-theme]]

Other

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

See also

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

Mozilla CSS extensions by Mozilla Contributors is licensed under CC-BY-SA 2.5.