Skip to main content

Mozilla vendor-prefixed CSS extensions

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

[!NOTE] These extensions are mostly experimental or deprecated but kept for backward compatibility. Avoid using them on production websites.

Mozilla-only properties

  • {{CSSxRef("box-align", "-moz-box-align")}} {{deprecated_inline}}
  • {{CSSxRef("box-direction", "-moz-box-direction")}} {{deprecated_inline}}
  • {{CSSxRef("box-flex", "-moz-box-flex")}} {{deprecated_inline}}
  • {{CSSxRef("box-ordinal-group", "-moz-box-ordinal-group")}} {{deprecated_inline}}
  • {{CSSxRef("box-orient", "-moz-box-orient")}} {{deprecated_inline}}
  • {{CSSxRef("box-pack", "-moz-box-pack")}} {{deprecated_inline}}
  • {{CSSxRef("-moz-float-edge")}} {{deprecated_inline}}
  • {{CSSxRef("-moz-force-broken-image-icon")}} {{deprecated_inline}}
  • {{CSSxRef("-moz-image-region")}} {{deprecated_inline}}
  • {{CSSxRef("-moz-orient")}} {{non-standard_inline}}
  • {{CSSxRef("font-smooth", "-moz-osx-font-smoothing")}} {{non-standard_inline}}
  • {{CSSxRef("-moz-user-focus")}} {{non-standard_inline}}
  • {{CSSxRef("-moz-user-input")}} {{non-standard_inline}}
  • {{CSSxRef("user-modify", "-moz-user-modify")}} {{non-standard_inline}}

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

  • {{CSSxRef("animation", "-moz-animation")}} {{Deprecated_Inline}} (Prefixed version still supported)
  • {{CSSxRef("animation-delay", "-moz-animation-delay")}} {{Deprecated_Inline}} (Prefixed version still supported)
  • {{CSSxRef("animation-direction", "-moz-animation-direction")}} {{Deprecated_Inline}} (Prefixed version still supported)
  • {{CSSxRef("animation-duration", "-moz-animation-duration")}} {{Deprecated_Inline}} (Prefixed version still supported)
  • {{CSSxRef("animation-fill-mode", "-moz-animation-fill-mode")}} {{Deprecated_Inline}} (Prefixed version still supported)
  • {{CSSxRef("animation-iteration-count", "-moz-animation-iteration-count")}} {{Deprecated_Inline}} (Prefixed version still supported)
  • {{CSSxRef("animation-name", "-moz-animation-name")}} {{Deprecated_Inline}} (Prefixed version still supported)
  • {{CSSxRef("animation-play-state", "-moz-animation-play-state")}} {{Deprecated_Inline}} (Prefixed version still supported)
  • {{CSSxRef("animation-timing-function","-moz-animation-timing-function")}} {{Deprecated_Inline}} (Prefixed version still supported)
  • {{CSSxRef("appearance","-moz-appearance")}} {{Experimental_Inline}}

B

  • {{CSSxRef("backface-visibility", "-moz-backface-visibility")}} {{Deprecated_Inline}} (Prefixed version still supported)
  • {{CSSxRef("background-clip", "-moz-background-clip")}} {{deprecated_inline}}
  • {{CSSxRef("background-origin", "-moz-background-origin")}} {{deprecated_inline}}
  • {{CSSxRef("box-decoration-break", "-moz-background-inline-policy")}} {{deprecated_inline}} (No longer supported; use the standard {{CSSxRef("box-decoration-break")}})
  • {{CSSxRef("background-size", "-moz-background-size")}} {{deprecated_inline}}
  • {{CSSxRef("border-inline-end", "-moz-border-end")}} {{Deprecated_Inline}} (No longer supported; use the standard {{CSSxRef("border-inline-end")}})
  • {{CSSxRef("border-inline-color", "-moz-border-end-color")}} {{Deprecated_Inline}} (No longer supported; use the standard {{CSSxRef("border-inline-end-color")}})
  • {{CSSxRef("border-inline-style", "-moz-border-end-style")}} {{Deprecated_Inline}} (No longer supported; use the standard {{CSSxRef("border-inline-end-style")}})
  • {{CSSxRef("border-inline-width", "-moz-border-end-width")}} {{Deprecated_Inline}} (No longer supported; use the standard {{CSSxRef("border-inline-end-width")}})
  • {{CSSxRef("border-image", "-moz-border-image")}} {{Deprecated_Inline}}
  • {{CSSxRef("border-inline-start", "-moz-border-start")}} {{Deprecated_Inline}} (No longer supported; use the standard {{CSSxRef("border-inline-start")}})
  • {{CSSxRef("border-inline-start-color", "-moz-border-start-color")}} {{Deprecated_Inline}} (No longer supported; use the standard {{CSSxRef("border-inline-start-color")}})
  • {{CSSxRef("border-inline-start-style", "-moz-border-start-style")}} {{Deprecated_Inline}} (No longer supported; use the standard {{CSSxRef("border-inline-start-style")}})
  • {{CSSxRef("border-inline-start-width", "-moz-border-start-width")}} {{Deprecated_Inline}} (No longer supported; use the standard {{CSSxRef("border-inline-start-width")}})
  • {{CSSxRef("box-sizing", "-moz-box-sizing")}} {{Deprecated_Inline}} (Prefixed version still supported)

C

  • {{CSSxRef("clip-path")}} {{Experimental_Inline}} (Applying to more than SVG)
  • {{CSSxRef("column-count", "-moz-column-count")}} {{Deprecated_Inline}} (Prefixed version still supported)
  • {{CSSxRef("column-fill", "-moz-column-fill")}} {{Deprecated_Inline}} (Prefixed version still supported)
  • {{CSSxRef("column-gap", "-moz-column-gap")}} {{Deprecated_Inline}} (Prefixed version still supported)
  • {{CSSxRef("column-width", "-moz-column-width")}} {{Deprecated_Inline}} (Prefixed version still supported)
  • {{CSSxRef("column-rule", "-moz-column-rule")}} {{Deprecated_Inline}} (Prefixed version still supported)
  • {{CSSxRef("column-rule-width", "-moz-column-rule-width")}} {{Deprecated_Inline}} (Prefixed version still supported)
  • {{CSSxRef("column-rule-style", "-moz-column-rule-style")}} {{Deprecated_Inline}} (Prefixed version still supported)
  • {{CSSxRef("column-rule-color", "-moz-column-rule-color")}} {{Deprecated_Inline}} (Prefixed version still supported)

F–M

  • {{CSSxRef("filter")}} {{Experimental_Inline}} (Applying to more than SVG)
  • {{CSSxRef("font-feature-settings", "-moz-font-feature-settings")}} {{Deprecated_Inline}} (Prefixed version still supported)
  • {{CSSxRef("font-language-override", "-moz-font-language-override")}} {{Deprecated_Inline}} (Prefixed version still supported)
  • {{CSSxRef("hyphens", "-moz-hyphens")}} {{Deprecated_Inline}} (Prefixed version still supported)
  • {{CSSxRef("margin-inline-end", "-moz-margin-end")}} {{Deprecated_Inline}} (No longer supported; use the standard {{CSSxRef("margin-inline-end")}})
  • {{CSSxRef("margin-inline-start", "-moz-margin-start")}} {{Deprecated_Inline}} (No longer supported; use the standard {{CSSxRef("margin-inline-start")}})
  • {{CSSxRef("mask")}} {{Experimental_Inline}} (Applying to more than SVG)

O

  • {{CSSxRef("opacity", "-moz-opacity")}} {{deprecated_inline}}
  • {{CSSxRef("outline", "-moz-outline")}} {{deprecated_inline}}
  • {{CSSxRef("outline-color", "-moz-outline-color")}} {{deprecated_inline}}
  • {{CSSxRef("outline-offset", "-moz-outline-offset")}} {{deprecated_inline}}
  • {{CSSxRef("outline-style", "-moz-outline-style")}} {{deprecated_inline}}
  • {{CSSxRef("outline-width", "-moz-outline-width")}} {{deprecated_inline}}

P

  • {{CSSxRef("padding-inline-end", "-moz-padding-end")}} {{Deprecated_Inline}} (No longer supported; use the standard {{CSSxRef("padding-inline-end")}})
  • {{CSSxRef("padding-inline-start", "-moz-padding-start")}} {{Deprecated_Inline}} (No longer supported; use the standard {{CSSxRef("padding-inline-start")}})
  • {{CSSxRef("perspective", "-moz-perspective")}} {{Deprecated_Inline}} (Prefixed version still supported)
  • {{CSSxRef("perspective-origin", "-moz-perspective-origin")}} {{Deprecated_Inline}} (Prefixed version still supported)
  • {{CSSxRef("pointer-events")}} {{Experimental_Inline}} (Applying to more than SVG)

T–U

  • {{CSSxRef("tab-size", "-moz-tab-size")}} {{Experimental_Inline}}
  • {{CSSxRef("text-align-last", "-moz-text-align-last")}} {{deprecated_inline}}
  • {{CSSxRef("text-decoration-color", "-moz-text-decoration-color")}} {{deprecated_inline}}
  • {{CSSxRef("text-decoration-line", "-moz-text-decoration-line")}} {{deprecated_inline}}
  • {{CSSxRef("text-decoration-style", "-moz-text-decoration-style")}} {{deprecated_inline}}
  • {{CSSxRef("text-size-adjust", "-moz-text-size-adjust")}} {{Experimental_Inline}}
  • {{CSSxRef("transform", "-moz-transform")}} {{Deprecated_Inline}} (Prefixed version still supported)
  • {{CSSxRef("transform-origin", "-moz-transform-origin")}} {{Deprecated_Inline}} (Prefixed version still supported)
  • {{CSSxRef("transform-style", "-moz-transform-style")}} {{Deprecated_Inline}} (Prefixed version still supported)
  • {{CSSxRef("transition", "-moz-transition")}} {{Deprecated_Inline}} (Prefixed version still supported)
  • {{CSSxRef("transition-delay", "-moz-transition-delay")}} {{Deprecated_Inline}} (Prefixed version still supported)
  • {{CSSxRef("transition-duration", "-moz-transition-duration")}} {{Deprecated_Inline}} (Prefixed version still supported)
  • {{CSSxRef("transition-property", "-moz-transition-property")}} {{Deprecated_Inline}} (Prefixed version still supported)
  • {{CSSxRef("transition-timing-function", "-moz-transition-timing-function")}} {{Deprecated_Inline}} (Prefixed version still supported)
  • {{CSSxRef("user-select", "-moz-user-select")}} {{Experimental_Inline}}

Values

Global values

  • {{CSSxRef("initial", "-moz-initial")}}

-moz-appearance

Property: {{CSSxRef("appearance", "-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

Property: {{CSSxRef("background-image")}}

Gradients

  • {{CSSxRef("gradient/linear-gradient","-moz-linear-gradient")}} {{Deprecated_Inline}}
  • {{CSSxRef("gradient/radial-gradient","-moz-radial-gradient")}} {{Deprecated_Inline}}

Elements

  • {{CSSxRef("element","-moz-element")}}

Sub-images

  • {{CSSxRef("-moz-image-rect")}}

border-color

Property: {{CSSxRef("border-color")}}

  • -moz-use-text-color {{deprecated_inline}} (removed in Firefox bug 1306214); use {{CSSxRef("color_value#currentcolor_keyword","currentcolor")}} instead.

order-style and outline-style

Properties: {{CSSxRef("border-style")}} and {{CSSxRef("outline-style")}}

  • -moz-bg-inset {{deprecated_inline}}
  • -moz-bg-outset {{deprecated_inline}}
  • -moz-bg-solid {{deprecated_inline}}

<color> keywords

Type:

  • -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

Property: {{CSSxRef("display")}}

  • -moz-box {{deprecated_inline}}
  • -moz-inline-block {{deprecated_inline}}
  • -moz-inline-box {{Deprecated_Inline}}
  • -moz-inline-grid {{deprecated_inline}}
  • -moz-inline-stack {{deprecated_inline}}
  • -moz-inline-table {{deprecated_inline}}
  • -moz-grid {{deprecated_inline}}
  • -moz-grid-group {{deprecated_inline}}
  • -moz-grid-line {{deprecated_inline}}
  • -moz-groupbox {{deprecated_inline}}
  • -moz-deck {{deprecated_inline}}
  • -moz-popup {{deprecated_inline}}
  • -moz-stack {{deprecated_inline}}
  • -moz-marker {{deprecated_inline}}

empty-cells

Property: {{CSSxRef("empty-cells")}}

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

font

Property: {{CSSxRef("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

Property: {{CSSxRef("font-family")}}

  • -moz-fixed

image-rendering

Property: {{CSSxRef("image-rendering")}}

  • {{CSSxRef("image-rendering","-moz-crisp-edges")}}

<length>

Type: {{CSSxRef("<length>")}}

  • {{CSSxRef("calc", "-moz-calc")}}

list-style-type

Property: {{CSSxRef("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

text-align

Property: {{CSSxRef("text-align")}}

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

text-decoration

Property: {{CSSxRef("text-decoration")}}

  • -moz-anchor-decoration

-moz-user-select

Property: {{CSSxRef("user-select", "-moz-user-select")}}

  • -moz-all
  • -moz-none

width, min-width, and max-width

Properties: {{CSSxRef("width")}}, {{CSSxRef("min-width")}}, and {{CSSxRef("max-width")}}

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

Pseudo-elements and pseudo-classes

A – D

  • {{CSSxRef("::-moz-anonymous-block")}}
  • {{CSSxRef("::-moz-anonymous-positioned-block")}}
  • {{CSSxRef(":is", ":-moz-any")}}
  • {{CSSxRef(":any-link", ":-moz-any-link")}} [Matches :link and :visited]
  • {{CSSxRef("::-moz-canvas")}}
  • {{CSSxRef("::-moz-color-swatch")}}
  • {{CSSxRef("::-moz-cell-content")}}
  • {{CSSxRef(":-moz-drag-over")}}

F – I

  • {{CSSxRef("::-moz-focus-inner")}}
  • {{CSSxRef("::-moz-focus-outer")}}
  • {{CSSxRef(":fullscreen", ":-moz-full-screen")}}
  • {{CSSxRef(":-moz-full-screen-ancestor")}}
  • {{CSSxRef(":-moz-handler-blocked")}}
  • {{CSSxRef(":-moz-handler-crashed")}}
  • {{CSSxRef(":-moz-handler-disabled")}}
  • {{CSSxRef("::-moz-inline-table")}}

L – M

  • {{CSSxRef(":-moz-last-node")}}
  • {{CSSxRef("::-moz-list-bullet")}}
  • {{CSSxRef("::-moz-list-number")}}
  • {{CSSxRef(":-moz-loading")}}
  • {{CSSxRef(":-moz-locale-dir_rtl", ":-moz-locale-dir(rtl)")}}
  • {{CSSxRef(":-moz-lwtheme")}}
  • {{CSSxRef(":-moz-lwtheme-brighttext")}}
  • {{CSSxRef(":-moz-lwtheme-darktext")}}
  • {{CSSxRef("::-moz-meter-bar")}}

N – R

  • {{CSSxRef(":-moz-native-anonymous")}}
  • {{CSSxRef(":-moz-only-whitespace")}}
  • {{CSSxRef("::-moz-pagebreak")}}
  • {{CSSxRef("::-moz-pagecontent")}}
  • {{CSSxRef(":placeholder-shown", ":-moz-placeholder")}} {{deprecated_inline}}
  • {{CSSxRef("::placeholder", "::-moz-placeholder")}} {{deprecated_inline}}
  • {{CSSxRef("::-moz-progress-bar")}}
  • {{CSSxRef("::-moz-range-progress")}}
  • {{CSSxRef("::-moz-range-thumb")}}
  • {{CSSxRef("::-moz-range-track")}}
  • {{CSSxRef(":-moz-read-only")}}
  • {{CSSxRef(":-moz-read-write")}}

S

  • {{CSSxRef("::-moz-scrolled-canvas")}}
  • {{CSSxRef("::-moz-scrolled-content")}}
  • {{CSSxRef("::selection","::-moz-selection")}} {{deprecated_inline}}
  • {{CSSxRef(":-moz-submit-invalid")}}
  • {{CSSxRef("::-moz-svg-foreign-content")}}

T

  • {{CSSxRef("::-moz-table")}}
  • {{CSSxRef("::-moz-table-cell")}}
  • {{CSSxRef("::-moz-table-column")}}
  • {{CSSxRef("::-moz-table-column-group")}}
  • {{CSSxRef("::-moz-table-outer")}}
  • {{CSSxRef("::-moz-table-row")}}
  • {{CSSxRef("::-moz-table-row-group")}}

U – X

  • {{CSSxRef(":user-invalid", ":-moz-ui-invalid")}} {{deprecated_inline}}
  • {{CSSxRef(":user-valid", ":-moz-ui-valid")}} {{deprecated_inline}}
  • {{CSSxRef("::-moz-viewport")}}
  • {{CSSxRef("::-moz-viewport-scroll")}}
  • {{CSSxRef(":-moz-window-inactive")}}

At-rules

  • {{CSSxRef("@document", "@-moz-document")}}

Media features

  • {{CSSxRef("@media/-moz-device-pixel-ratio", "-moz-device-pixel-ratio")}} {{deprecated_inline}}
  • {{CSSxRef("@media/-moz-os-version", "-moz-os-version")}}
  • {{CSSxRef("@media/-moz-touch-enabled", "-moz-touch-enabled")}}
  • {{CSSxRef("@media/-moz-windows-glass", "-moz-windows-glass")}}

Other

See also