Firefox (-moz-) vendor-prefixed CSS extensions
A vendor prefix is used to indicate that a feature is specific to a certain browser.
Firefox supports several extensions to CSS, which are prefixed with -moz-.
-moz-prefixed properties without standard equivalents
Note: These extensions are mostly experimental or deprecated but kept for backward compatibility. You should avoid using them on production websites.
-moz-float-edge-moz-force-broken-image-icon: Usealttext instead.-moz-orient-moz-osx-font-smoothing: A similarfont-smoothequivalent exists.-moz-user-focus-moz-user-input-moz-user-modify: A non-prefixeduser-modifyequivalent exists, but the HTMLcontenteditableattribute is recommended instead.
-moz-prefixed properties with standard equivalents
The following properties were implemented first using the -moz- vendor prefix, but are now supported in Firefox using the standard (non-prefixed) syntax.
Support for the prefixed version is typically dropped eventually, so use the standard property instead.
A
-moz-animation: Prefixed version still supported.-moz-animation-delay: Prefixed version still supported.-moz-animation-direction: Prefixed version still supported.-moz-animation-duration: Prefixed version still supported.-moz-animation-fill-mode: Prefixed version still supported.-moz-animation-iteration-count: Prefixed version still supported.-moz-animation-name: Prefixed version still supported.-moz-animation-play-state: Prefixed version still supported.-moz-animation-timing-function: Prefixed version still supported.-moz-appearance: The prefixed version ofappearanceis still supported.
B
-moz-backface-visibility: Prefixed version still supported.-moz-background-clip: Not supported; usebackground-clip.-moz-background-origin: Not supported; usebackground-origin.-moz-box-align: Use CSS flexbox withalign-items.-moz-background-inline-policy: Not supported; usebox-decoration-break.-moz-box-direction: Use CSS flexbox withflex-direction.-moz-box-flex: Use CSS flexbox withflex-grow.-moz-box-ordinal-group: Use CSS flexbox withorder.-moz-box-orient: Use CSS flexbox withflex-direction.-moz-box-pack: Use CSS flexbox withjustify-content.-moz-background-size: Not supported; usebackground-size.-moz-border-end: Not supported; useborder-inline-end.-moz-border-end-color: Not supported; useborder-inline-end-color.-moz-border-end-style: Not supported; useborder-inline-end-style.-moz-border-end-width: Not supported; useborder-inline-end-width.-moz-border-image: Not supported; useborder-inline-end-width.-moz-border-start: Not supported; useborder-inline-start.-moz-border-start-color: Not supported; useborder-inline-start-color.-moz-border-start-style: Not supported; useborder-inline-start-style.-moz-border-start-width: Not supported; useborder-inline-start-width.-moz-box-sizing: Prefixed version still supported.
C
-moz-column-count: Not supported; usecolumn-count.-moz-column-fill: Not supported; usecolumn-fill.-moz-column-gap: Not supported; usecolumn-gap.-moz-column-width: Not supported; usecolumn-width.-moz-column-rule: Not supported; usecolumn-rule.-moz-column-rule-width: Not supported; usecolumn-rule-width.-moz-column-rule-style: Not supported; usecolumn-rule-style.-moz-column-rule-color: Not supported; usecolumn-rule-color.
F–M
-moz-font-feature-settings: Prefixed version still supported.-moz-font-language-override: Prefixed version still supported.-moz-hyphens: Prefixed version still supported.-moz-margin-end: Not supported; usemargin-inline-end.-moz-margin-start: Not supported; usemargin-inline-start.
O-P
-moz-opacity: Not supported; useopacity.-moz-outline: Not supported; useoutline.-moz-outline-color: Not supported; useoutline-color.-moz-outline-offset: Not supported; useoutline-offset.-moz-outline-style: Not supported; useoutline-style.-moz-outline-width: Not supported; useoutline-width.-moz-padding-end: Not supported; usepadding-inline-end.-moz-padding-start: Not supported; usepadding-inline-start.-moz-perspective: Prefixed version still supported.-moz-perspective-origin: Prefixed version still supported.
T–Z
-moz-tab-size: Usetab-size-moz-text-align-last: Not supported; usetext-align-last.-moz-text-decoration-color: Not supported; usetext-decoration-color.-moz-text-decoration-line: Not supported; usetext-decoration-line.-moz-text-decoration-style: Not supported; usetext-decoration-style.-moz-text-size-adjust: Seetext-size-adjust.-moz-transform: Prefixed version still supported.-moz-transform-origin: Prefixed version still supported.-moz-transform-style: Prefixed version still supported.-moz-transition: Not supported; usetransition.-moz-transition-delay: Not supported; usetransition-delay.-moz-transition-duration: Not supported; usetransition-duration.-moz-transition-property: Not supported; usetransition-property.-moz-transition-timing-function: Not supported; usetransition-timing-function.-moz-user-select: Useuser-select.
-moz-prefixed property values
>Global values
-moz-initial: Seeinitial.
background-image
Property: background-image
-moz-linear-gradient: Uselinear-gradient().-moz-radial-gradient: Useradial-gradient().-moz-element: Useelement().-moz-image-rect()
border-style and outline-style
Properties: border-style and outline-style.
-moz-bg-inset-moz-bg-outset-moz-bg-solid
<color> keywords
Type: <color>
-moz-activehyperlinktext-moz-hyperlinktext-moz-visitedhyperlinktext-moz-buttonhoverface-moz-buttonhovertext-moz-default-background-color-moz-default-color-moz-cellhighlight-moz-cellhighlighttext-moz-field-moz-fieldtext-moz-dialog-moz-dialogtext-moz-menuhover-moz-menuhovertext
empty-cells
Property: empty-cells
-moz-show-background(default value in quirks mode)
font-family
Property: font-family
-moz-fixed
image-rendering
Property: image-rendering
-moz-crisp-edges: Usecrisp-edges.
<length>
Type: <length>
-moz-calc: Usecalc().
list-style-type
Property: list-style-type
Several vendor-prefixed values for list-style-type are now supported as standard values without a -moz- prefix, except for those in the following list.
See Browser Compatibility for details.
-moz-ethiopic-halehame-moz-ethiopic-halehame-am-moz-ethiopic-halehame-ti-er-moz-ethiopic-halehame-ti-et-moz-hangul-moz-hangul-consonant-moz-urdu
text-align
Property: text-align
-moz-center: Usetext-align: center.-moz-left: Usetext-align: left.-moz-right: Usetext-align: right.
width, min-width, and max-width
Properties: width, min-width, and max-width
-moz-min-content: Seemin-content.-moz-fit-content: Seefit-content.-moz-max-content: Seemax-content.-moz-available: Seestretch.
Pseudo-classes
:-moz-any: Use:is.:-moz-any-link: Use:any-link.:-moz-broken:-moz-drag-over:-moz-first-node:-moz-full-screen: Not supported; use:fullscreen.:-moz-full-screen-ancestor: Not supported; use:fullscreen.:-moz-handler-blocked:-moz-handler-crashed:-moz-handler-disabled:-moz-last-node:-moz-loading:-moz-locale-dir(ltr):-moz-locale-dir(rtl):-moz-native-anonymous:-moz-placeholder: Use:placeholder-shown.:-moz-only-whitespace:-moz-read-only: Use:read-only.:-moz-read-write: Use:read-write.:-moz-submit-invalid: See:invalid.:-moz-suppressed:-moz-ui-invalid: Use:user-invalid.:-moz-ui-valid: Use:user-valid.:-moz-user-disabled:-moz-window-inactive
Pseudo-elements
::-moz-canvas::-moz-cell-content::-moz-color-swatch::-moz-focus-inner::-moz-focus-outer::-moz-inline-table::-moz-list-bullet::-moz-list-number::-moz-meter-bar::-moz-pagebreak::-moz-pagecontent::-moz-placeholder: Use::placeholder.::-moz-progress-bar::-moz-range-progress::-moz-range-thumb::-moz-range-track::-moz-scrolled-canvas::-moz-scrolled-content::-moz-selection: Use::selection.::-moz-svg-foreign-content::-moz-table::-moz-table-cell::-moz-table-column::-moz-table-column-group::-moz-table-outer::-moz-table-row::-moz-table-row-group::-moz-viewport::-moz-viewport-scroll
At-rules
Media features
-moz-device-pixel-ratio-moz-platform-moz-windows-glass
Other
-moz-alt-content: See Firefox bug 11011
See also
- WebKit (-webkit-) vendor-prefixed CSS extensions
- Vendor Prefix glossary entry