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-adjustを参照してください。-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 を参照してください。