Project/Doc/Creating Skin For Mozilla/csscommands
出自 MozTW Wiki
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(完全可見)