CSS の Mozilla 拡張
================

Firefox などの Mozilla アプリケーションは、いくつもの特別な **CSS の Mozilla 拡張**に対応しています。これには、プロパティ、値、擬似要素、擬似クラス、アットルール、メディアクエリーが含まれます。これらの拡張には `-moz-` の接頭辞が付いています。

Mozilla 独自のプロパティと擬似クラス (ウェブサイトで使用しないでください)
------------------------------------------

**メモ:** これらのプロパティと擬似クラスは、Firefox などの Mozilla アプリケーション内でのみ動作するものであり、標準化されていません。これら標準外のプロパティの一部は、XUL 要素にのみ適用されます。

### B

* `-moz-binding` 
非推奨
* `-moz-border-bottom-colors` 
非推奨
* `-moz-border-left-colors` (en-US) 
非推奨
* `-moz-border-right-colors` 
非推奨
* `-moz-border-top-colors` 
非推奨
* `-moz-box-align` (en-US)
* `-moz-box-direction` (en-US)
* `-moz-box-flex` (en-US)
* `-moz-box-ordinal-group`
* `-moz-box-orient` (en-US)
* `-moz-box-pack` (en-US)
### C–I

* `-moz-context-properties`
* `-moz-float-edge`
* `-moz-force-broken-image-icon`
* `-moz-image-region`
### O

* `-moz-orient`
* `-moz-osx-font-smoothing` (en-US)
* `-moz-outline-radius`
* `-moz-outline-radius-bottomleft`
* `-moz-outline-radius-bottomright`
* `-moz-outline-radius-topleft`
* `-moz-outline-radius-topright`
* `overflow-clip-box`
* `overflow-clip-box-block`
* `overflow-clip-box-inline`
### S–Z

* `-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` (en-US)
* `-moz-window-dragging`
* `-moz-window-shadow`
以前は独自だったが標準化されたもの
-----------------

**メモ:** CSS の互換性を最大化するため、以下の接頭辞付きのものではなく、接頭辞なしの標準プロパティを使用してください。これらは、標準化されて接頭辞なしの形式が対応され次第、接頭辞付きのバージョンは順次破棄されます。

### 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` 
Experimental
### B

* `-moz-backface-visibility` 
非推奨
 [接頭辞付きも許容]
* `-moz-background-clip`
非推奨
* `-moz-background-origin`
非推奨
* `-moz-background-inline-policy`
非推奨
 [標準化された `box-decoration-break` に置き換え]
* `-moz-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` 
非推奨
* `-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

* `clip-path` 
Experimental
 [SVG 以外にも適用]
* `-moz-column-count` 
非推奨
 [接頭辞付きも許容]
* `-moz-column-fill` 
非推奨
 [接頭辞付きも許容]
* `-moz-column-gap` 
非推奨
 [接頭辞付きも許容]
* `-moz-column-width` 
非推奨
 [接頭辞付きも許容]
* `-moz-column-rule` 
非推奨
 [接頭辞付きも許容]
* `-moz-column-rule-width` 
非推奨
 [接頭辞付きも許容]
* `-moz-column-rule-style` 
非推奨
 [接頭辞付きも許容]
* `-moz-column-rule-color` 
非推奨
 [接頭辞付きも許容]
* `-moz-context-properties` 
Experimental
### F–M

* `filter` 
Experimental
 [SVG 以外にも適用]
* `-moz-font-feature-settings` 
非推奨
 [接頭辞付きも許容]
* `-moz-font-language-override` 
非推奨
 [接頭辞付きも許容]
* `-moz-hyphens` 
非推奨
 [接頭辞付きも許容]
* `-moz-margin-end` 
非推奨
 [標準化された `margin-inline-end` に置き換え]
* `-moz-margin-start` 
非推奨
 [標準化された `margin-inline-start` に置き換え]
* `mask` 
Experimental
 [SVG 以外にも適用]
### O

* `-moz-opacity` 
非推奨
* `-moz-outline` 
非推奨
* `-moz-outline-color` 
非推奨
* `-moz-outline-offset` 
非推奨
* `-moz-outline-style` 
非推奨
* `-moz-outline-width` 
非推奨
### P

* `-moz-padding-end` 
非推奨
 [標準化された `padding-inline-end` に置き換え]
* `-moz-padding-start` 
非推奨
 [標準化された `padding-inline-start` に置き換え]
* `-moz-perspective` 
非推奨
 [接頭辞付きも許容]
* `-moz-perspective-origin` 
非推奨
 [接頭辞付きも許容]
* `pointer-events` 
Experimental
 [SVG 以外にも適用]
### T–U

* `-moz-tab-size` 
Experimental
* `-moz-text-align-last`
非推奨
* `-moz-text-decoration-color`
非推奨
* `-moz-text-decoration-line`
非推奨
* `-moz-text-decoration-style`
非推奨
* `-moz-text-size-adjust` 
Experimental
* `-moz-transform` 
非推奨
 [接頭辞付きも許容]
* `-moz-transform-origin` 
非推奨
 [接頭辞付きも許容]
* `-moz-transform-style` 
非推奨
 [接頭辞付きも許容]
* `-moz-transition` 
非推奨
 [接頭辞付きも許容]
* `-moz-transition-delay` 
非推奨
 [接頭辞付きも許容]
* `-moz-transition-duration` 
非推奨
 [接頭辞付きも許容]
* `-moz-transition-property` 
非推奨
 [接頭辞付きも許容]
* `-moz-transition-timing-function` 
非推奨
 [接頭辞付きも許容]
* `-moz-user-select` 
Experimental
値
-

### グローバル値

* `-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`

#### グラデーション

* `-moz-linear-gradient` 
非推奨
* `-moz-radial-gradient` 
非推奨

#### 要素

* `-moz-element`

#### サブ画像

* `-moz-image-rect()`
### `border-color`

* `-moz-use-text-color` 
非推奨
 (Firefox バグ 1306214 で削除)、代わりに `currentcolor` を使用してください。
### `border-style` と `outline-style`

* `-moz-bg-inset` 
非推奨
* `-moz-bg-outset` 
非推奨
* `-moz-bg-solid` 
非推奨
### `<color>` キーワード

* `-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-grid` 
非推奨
* `-moz-inline-stack` 
非推奨
* `-moz-inline-table` 
非推奨
* `-moz-grid` 
非推奨
* `-moz-grid-group` 
非推奨
* `-moz-grid-line` 
非推奨
* `-moz-groupbox` 
非推奨
* `-moz-deck` 
非推奨
* `-moz-popup` 
非推奨
* `-moz-stack` 
非推奨
* `-moz-marker` 
非推奨
### `empty-cells`

* `-moz-show-background` (後方互換モードでは既定値)
### `font`

* `-moz-button`
* `-moz-info`
* `-moz-desktop`
* `-moz-dialog` (色も)
* `-moz-document`
* `-moz-workspace`
* `-moz-window`
* `-moz-list`
* `-moz-pull-down-menu`
* `-moz-field` (色も)
### `font-family`

* `-moz-fixed`
### `image-rendering`

* `-moz-crisp-edges`
### `<length>`

* `-moz-calc()` (en-US)
### `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` (en-US) 
非推奨
* `-moz-scrollbars-horizontal` (en-US) 
非推奨
* `-moz-scrollbars-vertical` (en-US) 
非推奨
* `-moz-hidden-unscrollable` (en-US)
### `text-align`

* `-moz-center`
* `-moz-left`
* `-moz-right`
### `text-decoration`

* `-moz-anchor-decoration`
### `-moz-user-select` (en-US)

* `-moz-all`
* `-moz-none`
### `width`, `min-width`, `max-width`

* `-moz-min-content`
* `-moz-fit-content`
* `-moz-max-content`
* `-moz-available`
擬似要素と擬似クラス
----------

### A – D

* `::-moz-anonymous-block`
* `::-moz-anonymous-positioned-block`
* `:-moz-any` (en-US)
* `:-moz-any-link` (en-US) [`:link` と `:visited` に一致する]
* `:-moz-broken`
* `::-moz-canvas`
* `::-moz-color-swatch`
* `::-moz-cell-content`
* `:-moz-drag-over`
### F – I

* `:-moz-first-node`
* `::-moz-focus-inner` (en-US)
* `::-moz-focus-outer`
* `:-moz-focusring`
* `:-moz-full-screen` (en-US)
* `:-moz-full-screen-ancestor`
* `:-moz-handler-blocked` (en-US)
* `:-moz-handler-crashed` (en-US)
* `:-moz-handler-disabled` (en-US)
* `::-moz-inline-table`
### L

* `:-moz-last-node`
* `:-moz-list-bullet`
* `:-moz-list-number` (en-US)
* `:-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` (en-US)
* `::-moz-page-sequence` (en-US)
* `::-moz-pagebreak`
* `::-moz-pagecontent`
* `:-moz-placeholder` 
非推奨
* `::-moz-placeholder` 
非推奨
* `::-moz-progress-bar`
* `::-moz-range-progress` (en-US)
* `::-moz-range-thumb` (en-US)
* `::-moz-range-track`
* `:-moz-read-only`
* `:-moz-read-write`
### S

* `::-moz-scrolled-canvas`
* `::-moz-scrolled-content`
* `::-moz-scrolled-page-sequence` (en-US)
* `::-moz-selection` 
非推奨
* `:-moz-submit-invalid`
* `:-moz-suppressed` (en-US)
* `::-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` (en-US)
* `:-moz-ui-valid`
* `:-moz-user-disabled` (en-US)
* `::-moz-viewport`
* `::-moz-viewport-scroll`
* `:-moz-window-inactive` (en-US)
* `::-moz-xul-anonymous-block`
アットルール
------

* `@-moz-document` (en-US)
メディア特性
------

* `-moz-device-pixel-ratio`
* `-moz-os-version`
* `-moz-touch-enabled`
* `-moz-windows-glass`
その他
---

* `-moz-alt-content` (see Firefox バグ 11011)
関連情報
----

* Chrome 専用 CSS リファレンス
* CSS の Microsoft 拡張
* CSS の WebKit 拡張