Firefox の (-moz-) ベンダー接頭辞付きの CSS 拡張
ベンダー接頭辞は、機能が特定のブラウザー専用であることを示すために使われます。
Firefox はいくつかの拡張を CSS に行っており、それらには -moz- の接頭辞が付いています。
標準の相当機能がない -moz- 接頭辞付きのプロパティ
メモ: これらの拡張機能は主に実験的または非推奨ですが、下位互換性のために維持されています。 本番環境のウェブサイトでは使用を避けるべきです。
-moz-float-edge非推奨;-moz-force-broken-image-icon非推奨; : 代わりにaltテキストを使用してください。-moz-orient-moz-osx-font-smoothing: 類似の相当機能にfont-smoothがあります。-moz-user-focus非推奨;-moz-user-input非推奨;-moz-user-modify: 接頭辞のないuser-modifyの相当機能がありますが、HTML のcontenteditable属性を代わりに使用してください。
標準の相当機能がある -moz- 接頭辞付きのプロパティ
以下のプロパティはまず -moz- ベンダー接頭辞を使用して実装されましたが、現在は Firefox が標準(接頭辞なし)の構文で対応しています。
接頭辞付きバージョンの対応は通常、最終的に廃止されるため、代わりに標準プロパティを使用してください。
A
-moz-animation非推奨; : 接頭辞付き版もまだ対応しています。-moz-animation-delay非推奨; : 接頭辞付き版もまだ対応しています。-moz-animation-direction非推奨; : 接頭辞付き版もまだ対応しています。-moz-animation-duration非推奨; : 接頭辞付き版もまだ対応しています。-moz-animation-fill-mode非推奨; : 接頭辞付き版もまだ対応しています。-moz-animation-iteration-count非推奨; : 接頭辞付き版もまだ対応しています。-moz-animation-name非推奨; : 接頭辞付き版もまだ対応しています。-moz-animation-play-state非推奨; : 接頭辞付き版もまだ対応しています。-moz-animation-timing-function非推奨; : 接頭辞付き版もまだ対応しています。-moz-appearance:appearanceの接頭辞付き版もまだ対応しています。
B
-moz-backface-visibility非推奨; : 接頭辞付き版もまだ対応しています。-moz-background-clip非推奨; : 対応していません。background-clipを使用してください。-moz-background-origin非推奨; : 対応していません。background-originを使用してください。-moz-box-align非推奨; : CSS フレックスボックスのalign-itemsを使用してください。-moz-background-inline-policy非推奨; : 対応していません。box-decoration-breakを使用してください。-moz-box-direction非推奨; : CSS フレックスボックスのflex-directionを使用してください。-moz-box-flex非推奨; : CSS フレックスボックスのflex-growを使用してください。-moz-box-ordinal-group非推奨; : CSS フレックスボックスのorderを使用してください。-moz-box-orient非推奨; : CSS フレックスボックスのflex-directionを使用してください。-moz-box-pack非推奨; : CSS フレックスボックスのjustify-contentを使用してください。-moz-background-size非推奨; : 対応していません。background-sizeを使用してください。-moz-border-end非推奨; : 対応していません。border-inline-endを使用してください。-moz-border-end-color非推奨; : 対応していません。border-inline-end-colorを使用してください。-moz-border-end-style非推奨; : 対応していません。border-inline-end-styleを使用してください。-moz-border-end-width非推奨; : 対応していません。border-inline-end-widthを使用してください。-moz-border-image非推奨; : 対応していません。border-inline-end-widthを使用してください。-moz-border-start非推奨; : 対応していません。border-inline-startを使用してください。-moz-border-start-color非推奨; : 対応していません。border-inline-start-colorを使用してください。-moz-border-start-style非推奨; : 対応していません。border-inline-start-styleを使用してください。-moz-border-start-width非推奨; : 対応していません。border-inline-start-widthを使用してください。-moz-box-sizing非推奨; : 接頭辞付き版もまだ対応しています。
C
-moz-column-count非推奨; : 対応していません。column-countを使用してください。-moz-column-fill非推奨; : 対応していません。column-fillを使用してください。-moz-column-gap非推奨; : 対応していません。column-gapを使用してください。-moz-column-width非推奨; : 対応していません。column-widthを使用してください。-moz-column-rule非推奨; : 対応していません。column-ruleを使用してください。-moz-column-rule-width非推奨; : 対応していません。column-rule-widthを使用してください。-moz-column-rule-style非推奨; : 対応していません。column-rule-styleを使用してください。-moz-column-rule-color非推奨; : 対応していません。column-rule-colorを使用してください。
F–M
-moz-font-feature-settings非推奨; : 接頭辞付き版もまだ対応しています。-moz-font-language-override非推奨; : 接頭辞付き版もまだ対応しています。-moz-hyphens非推奨; : 接頭辞付き版もまだ対応しています。-moz-margin-end非推奨; : 対応していません。margin-inline-endを使用してください。-moz-margin-start非推奨; : 対応していません。margin-inline-startを使用してください。
O-P
-moz-opacity非推奨; : 対応していません。opacityを使用してください。-moz-outline非推奨; : 対応していません。outlineを使用してください。-moz-outline-color非推奨; : 対応していません。outline-colorを使用してください。-moz-outline-offset非推奨; : 対応していません。outline-offsetを使用してください。-moz-outline-style非推奨; : 対応していません。outline-styleを使用してください。-moz-outline-width非推奨; : 対応していません。outline-widthを使用してください。-moz-padding-end非推奨; : 対応していません。padding-inline-endを使用してください。-moz-padding-start非推奨; : 対応していません。padding-inline-startを使用してください。-moz-perspective非推奨; : 接頭辞付き版もまだ対応しています。-moz-perspective-origin非推奨; : 接頭辞付き版もまだ対応しています。
T–Z
-moz-tab-size:tab-sizeを使用してください。-moz-text-align-last非推奨; : 対応していません。text-align-lastを使用してください。-moz-text-decoration-color非推奨; : 対応していません。text-decoration-colorを使用してください。-moz-text-decoration-line非推奨; : 対応していません。text-decoration-lineを使用してください。-moz-text-decoration-style非推奨; : 対応していません。text-decoration-styleを使用してください。-moz-text-size-adjust:text-size-adjustExperimental を参照してください。-moz-transform非推奨; : 接頭辞付き版もまだ対応しています。-moz-transform-origin非推奨; : 接頭辞付き版もまだ対応しています。-moz-transform-style非推奨; : 接頭辞付き版もまだ対応しています。-moz-transition非推奨; : 対応していません。transitionを使用してください。-moz-transition-delay非推奨; : 対応していません。transition-delayを使用してください。-moz-transition-duration非推奨; : 対応していません。transition-durationを使用してください。-moz-transition-property非推奨; : 対応していません。transition-propertyを使用してください。-moz-transition-timing-function非推奨; : 対応していません。transition-timing-functionを使用してください。-moz-user-select:user-selectを使用してください。
-moz 接頭辞の付いたプロパティ値
>グローバル値
-moz-initial:initialを参照してください。
background-image
プロパティ: background-image
-moz-linear-gradient非推奨; :linear-gradient()を使用してください。-moz-radial-gradient非推奨; :radial-gradient()を使用してください。-moz-element非推奨; :element()を使用してください。-moz-image-rect()非推奨;
order-style and outline-style
プロパティ: border-style と outline-style
-moz-bg-inset非推奨;-moz-bg-outset非推奨;-moz-bg-solid非推奨;
<color> キーワード
型: <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
プロパティ: empty-cells
-moz-show-background(後方互換モードでの既定値)
font-family
プロパティ: font-family
-moz-fixed
image-rendering
プロパティ: image-rendering
-moz-crisp-edges非推奨; :crisp-edgesを使用してください。
<length>
Type: <length>
-moz-calc非推奨; :calc()を使用してください。
list-style-type
プロパティ: list-style-type
list-style-type のベンダー接頭辞付きの一部の値は、以下のリストにあるものを除き、 -moz- 接頭辞なしで標準の値として対応するようになりました。
詳しくはブラウザーの互換性を参照してください。
-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
プロパティ: text-align
-moz-center非推奨; :text-align: centerを使用してください。-moz-left非推奨; :text-align: leftを使用してください。-moz-right非推奨; :text-align: rightを使用してください。
width, min-width, and max-width
Properties: width, min-width, and max-width
-moz-min-content:min-contentを参照してください。-moz-fit-content:fit-contentを参照してください。-moz-max-content:max-contentを参照してください。-moz-available:stretchを参照してください。
擬似クラス
:-moz-any非推奨; ::isを使用してください。:-moz-any-link非推奨; ::any-linkを使用してください。:-moz-broken非推奨;:-moz-drag-over:-moz-first-node:-moz-full-screen非推奨; : 対応していません。:fullscreenを使用してください。:-moz-full-screen-ancestor非推奨; : 対応していません。: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非推奨; ::placeholder-shownを使用してください。:-moz-only-whitespace:-moz-read-only非推奨; ::read-onlyを使用してください。:-moz-read-write非推奨; ::read-writeを使用してください。:-moz-submit-invalid::invalidを参照してください。:-moz-suppressed:-moz-ui-invalid非推奨; ::user-invalidを使用してください。:-moz-ui-valid非推奨; ::user-validを使用してください。:-moz-user-disabled:-moz-window-inactive
擬似要素
::-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非推奨; :::placeholderを使用してください。::-moz-progress-bar::-moz-range-progress::-moz-range-thumb::-moz-range-track::-moz-scrolled-canvas::-moz-scrolled-content::-moz-selection非推奨; :::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
アットルール
メディア特性
-moz-device-pixel-ratio非推奨;-moz-platform-moz-windows-glass
その他
-moz-alt-content: Firefox バグ 11011 を参照してください。