有時(shí)..有些東西Firefox 總是支持不好.......只能找私有屬性來幫忙....
例子還米做...因?yàn)樘嗵涣私饬?..等理解得差不多時(shí)搞成本電子書.
雖然這些不推薦使用,可是萬不得以的時(shí)候總得有個(gè)解決的方法..
At-rules
@-moz-document url(http://www.w3.org/),
url-prefix(http://www.w3.org/Style/),
domain(loaoao.com){
div{color:red;}
}
指定樣式在哪個(gè)域名下有用..如 domain(loaoao.com) 可以在www.loaoao.com, lab.loaoao.com 下使用, 而如果是 domain(www.loaoao.com) 的話.就只能在 www.loaoao.com 使用
Pseudo-elements and pseudo-classes 偽類與偽對(duì)象
:-moz- 系列的還沒理解清楚.不知道是不是只應(yīng)用在xul上的..
Properties 屬性
moz-appearance: appearance value
- 直接定義外觀 (測(cè)試無結(jié)果..)
-moz-binding: uri | none ;
- 鏈接XBL 跟HTC很像的東東..
-moz-background-clip: border | padding ;
- 背景是否包括 border, padding 不包括 ,對(duì)應(yīng)CSS3 background-clip
-moz-background-inline-policy: bounding-box | continuous | each-box
- 內(nèi)聯(lián)背景渲染的方式 例子
-moz-background-origin: border | padding | content
- 背景渲染的方式 根據(jù) background-position 給邊或者內(nèi)容相反渲染. background-repeat:no-repeat 時(shí)無效 ,
對(duì)應(yīng)CSS3 background-origin
-moz-border-top-colors:[color | transparent,]* color | transparent ;
-moz-border-right-colors,-moz-border-bottom-colors,-moz-left-right-colors
- 給 border 定義多個(gè)顏色 從外到里..每個(gè)只有 1px,最后一個(gè)填滿余下的 border,這個(gè) border-style 也會(huì)變成 solid
沒默認(rèn).無繼承,可用于所有元素
-moz-border-radius: border-radius {1,4} | inherit
- 定義圓角 可以單獨(dú)定義 -moz-border-radius-bottomleft, -moz-border-radius-bottomright, -moz-border-radius-topleft, -moz-border-radius-topright
-moz-box-align: start | center | end | baseline | stretch
- 定義內(nèi)容的位置 ,只能用于 display 的值是 -moz-box 或者是 -moz-inline-box 的元素
-moz-box-direction: normal | reverse
- 定義內(nèi)容的相反方向, 類如direction, 只能用于 display 的值是 -moz-box 或者是 -moz-inline-box 的元素
-moz-box-flex: number
- 還不明.測(cè)試無結(jié)果. 只能用于 display 的值是 -moz-box 或者是 -moz-inline-box 的元素
-moz-box-ordinal-group
- 官方未說明
-moz-box-orient: horizontal | vertical
- 還不明.測(cè)試無結(jié)果. 只能用于display的值是 -moz-box 或者是 -moz-inline-box 的元素
-moz-box-pack: start | center | end | justify
- 定義內(nèi)容方向,(justify 無效),如類 text-algin ,只能用于 display 的值是 -moz-box 或者是 -moz-inline-box 的元素
-moz-box-sizing: content-box | border-box | padding-box
- border 與 padding 是不要計(jì)算就 width/height 里面
-moz-image-region: rect(top, right, bottom, left);
- 等整理...
-moz-key-equivalent
- 官方未說明
-moz-opacity:number | inherit ;
- 透明度...同CSS3的opacity 同時(shí)定義不疊加.
-moz-outline: [-moz-outline-color || -moz-outline-style || -moz-outline-width | inherit ] ;
- 外的線條輪廓 同CSS3的outline 同時(shí)支持 -moz-outline-radius (圓角)
Values 屬性值
cursor:-moz-alias | -moz-cell | -moz-context-menu | -moz-copy | -moz-grab | -moz-grabbing | -moz-spinning | -moz-zoom-in |-moz-zoom-out
- 定義鼠標(biāo)樣式..有些我測(cè)試跟官方的不一樣..我測(cè)試的在后面的小框里面
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-run-in | -moz-compact | -moz-marker
- display的一些...對(duì)應(yīng)說明等添加
overflow: | -moz-scrollbars-horizontal | -moz-scrollbars-none | -moz-scrollbars-vertical | -moz-hidden-unscrollable
- overflow的一些...對(duì)應(yīng)說明等添加
還有好多.....等了解了再添加...
資料來源: developer.mozilla.org/en/docs/CSS_Reference:Mozilla_Extensions