Mozilla CSS 命令集

為了能夠使用Mozilla的使用者介面(UI)，Mozilla.org建立了他們自訂的CSS命令集。所有的指令都遵循W3C對標簽(tag)訂定的標準，所以指令集全都是以-moz開頭。這裡列出來的只是一部份可能對你有用的指令，而不列出所有可用的指令。

其它網站也有列出Mozilla專用的CSS指令

   * XulPlanet.com

-moz-appearance:

產生一個看起來像是你的作業系統產生的widget。

none - (!important may be needed)會覆蓋作業系統的預設值。如果你想要修改widget讓它看起來跟系統預設值不同時，才使用這個選項。

button, checkbox-container, checkbox, dialog, dualbutton, dualbutton-dropdown, listbox, menu, menulist-textfield, menulist-button, menulist, menulist-text, progressbar, progresschunk, radio-container, radio, resizer, resizerpanel, separator, scrollbar, statusbar, statusbarpanel, toolbarbutton, toolbox, toolbar, treeheadercell, treeheadersortarrow, treeview, treeitem, treetwisty, treetwistyopen, tooltip, textfield, tabpanels, tab, tab-left-edge, tab-right-edge, scrollbartrack-horizontal, scrollbartrack-vertical, scrollbarthumb-vertical, scrollbarthumb-horizontal, scrollbarbutton-right, scrollbarbutton-down, scrollbarbutton-left, scrollbarbutton-up, scrollbargripper-vertical, scrollbargripper-horizontal

-moz-border-bottom-colors:

這個指令分別指定框線的顏色，每指定一個顏色可以得到1px寬的框線，如果你想要3px寬的框線，就得連續指定三個顏色，顏色之間用空格分開

範例：

-moz-border-top-colors: ThreeDDarkShadow ThreeDShadow transparent;
-moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent;
-moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent;
-moz-border-left-colors: ThreeDDarkShadow ThreeDShadow transparent;

-moz-border-top-colors:

參考 -moz-border-bottom-colors.

-moz-border-left-colors:

參考 -moz-border-bottom-colors.

-moz-border-right-colors:

參考 -moz-border-bottom-colors.

-moz-border-radius:
設定一個方塊四角的圓弧度，如果你只指定px或%數值，這個數值會套用到四個角落上，你也可以分別指定四個數字(用空格分隔)給四個角落。

-moz-border-radius-topleft: 和-moz-border-radius相同，不過只設定方塊的左上角的圓弧。舉個例子，這個設定會用在分頁標簽(tabs)上

-moz-border-radius-topright: 參考 -moz-border-radius-topleft

-moz-border-radius-bottomleft: 參考 -moz-border-radius-topleft

-moz-border-radius-bottomright: 參考 -moz-border-radius-topleft

-moz-box-direction:

控制這個方塊內的物件該如何顯示，一般來說，在英文語系的瀏覽器中，物件是由上到下、左到右的排列，這個指令可以讓排列相反過來，也就是在這個方塊內的物件會由上下、左右顛倒。像是要把"回到上一頁"的按鈕擺在工具列的右邊時，這是很有用的指令。

Values: Normal, Reverse

-moz-image-region:

這個指令很有用，可以將一個影像分成數個小的影像，它使用rect()物件來決定裁切的區域。可以到這裡Organizing Images得到更多資訊。

範例: -moz-image-region: rect(168px 69px 189px 46px);

-moz-opacity:

讓方塊產生半透明效果，設定值為0.00(消失)到1.00(完全可見) （建議用 CSS 標準中 Mozilla 並支持的 opacity）