CSS的私有屬性小結(針對FireFox瀏覽器)

2024-07-11 08:43:22

字體：大中小

來源：轉載

供稿：網友

FF中CSS的私有屬性小結

　　有時..有些東西FF總是支持不好…….
　　只能找私有屬性來幫忙….
　　例子還米做…
　　因為太多太不了解了…
　　等理解得差不多時搞成本電子書.
　　雖然這些不推薦使用,
　　可是萬不得以的時候總得有個解決的方法..

At-rules
@-moz-documenturl(http://www.w3.org/),
url-prefix(http://www.w3.org/Style/),
domain(VeVb.com){
div{color:red;}
}
　　url是指定樣式在哪里網址下可以用，url-prefix是指定樣式在哪個目錄下，domain是指定樣式在哪里玉米下有用，用“,”可以使用多個。如domain(VeVb.com)可以在www.survivalescaperooms.com,*.VeVb.com下使用,而如果是domain(www.survivalescaperooms.com)的話.就只能在www.survivalescaperooms.com使用。
Pseudo-elementsandpseudo-classes偽類與偽對象
　　:-moz-系列的還沒理解清楚.不知道是不是只應用在xul上的..
Properties屬性
moz-appearance:appearancevalue
直接定義外觀(測試無結果..)
-moz-binding:uri|none;
鏈接XBL跟HTC很像的東東..
-moz-background-clip:border|padding;
背景色原點是否包括border,值padding表示不包括,對應CSS3background-clip
-moz-background-inline-policy:bounding-box|continuous|each-box
內聯背景渲染的方式
-moz-background-origin:border|padding|content
背景圖原點會根據background-position給邊或者內容相反渲染.
對應CSS3background-origin
-moz-border-top-colors:[color|transparent,]*color|transparent;-moz-border-right-colors,-moz-border-bottom-colors,-moz-left-right-colors
給border定義多個顏色從外到里..每個只有1px,最后一個填滿余下的border,這個border-style也會變成solid
沒默認.無繼承,可用于所有元素
-moz-border-radius:border-radius{1,4}|inherit
定義圓角可以單獨定義-moz-border-radius-bottomleft,-moz-border-radius-bottomright,-moz-border-radius-topleft,-moz-border-radius-topright
-moz-box-align:start|center|end|baseline|stretch
定義內容的位置,只能用于display的值是-moz-box或者是-moz-inline-box的元素
-moz-box-direction:normal|reverse
定義內容的相反方向,類如direction,只能用于display的值是-moz-box或者是-moz-inline-box的元素
-moz-box-flex:number
還不明.測試無結果.只能用于display的值是-moz-box或者是-moz-inline-box的元素
-moz-box-ordinal-group
官方未說明
-moz-box-orient:horizontal|vertical
還不明.測試無結果.只能用于display的值是-moz-box或者是-moz-inline-box的元素
-moz-box-pack:start|center|end|justify
定義內容方向,(justify無效),如類text-algin,只能用于display的值是-moz-box或者是-moz-inline-box的元素
-moz-box-sizing:content-box|border-box|padding-box
border與padding是不要計算就width/height里面
-moz-image-region:rect(top,right,bottom,left);
等整理…
-moz-key-equivalent
官方未說明
-moz-opacity:number|inherit;
透明度…同CSS3的opacity同時定義不疊加.
-moz-outline:[-moz-outline-color||-moz-outline-style||-moz-outline-width|inherit];
外的線條輪廓同CSS3的outline同時支持-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
定義鼠標樣式..有些我測試跟官方的不一樣..我測試的在后面的小框里面