CSS的私有属性小结(针对FireFox浏览器)
网站建设 2023-01-28 21:38www.1681989.com免费网站
FF中CSS的私有属性小结
有时..有些东西FF总是支持不好…….
只能找私有属性来帮忙….
例子还米做…
因为太多太不了解了…
等理解得差不多时搞成本电子书.
虽然这些不推荐使用,
可是万不得以的时候总得有个解决的方法..
At-rules
@-moz-documenturl(http://.w3./),
url-prefix(http://.w3./Style/),
doma(jb51.){
div{color:red;}
}
url是指定样式在哪里网址下可以用,url-prefix是指定样式在哪个目录下,doma是指定样式在哪里玉米下有用,用“,”可以使用多个。如doma(jb51.)可以在.jb51.,.jb51.下使用,而如果是doma(.jb51.)的话.就只能在.jb51.使用。
Pseudo-elementsandpseudo-classes伪类与伪对象
:-moz-系列的还没理解清楚.不知道是不是只应用在xul上的..
Properties属性
moz-appearance:appearancevalue
直接定义外观(测试无结果..)
-moz-bdg:uri|none;
链接XBL跟HTC很像的东东..
-moz-background-clip:border|paddg;
背景色原点是否包括border,值paddg表示不包括,对应CSS3background-clip
-moz-background-le-policy:boundg-box|contuous|each-box
内联背景渲染的方式
-moz-background-orig:border|paddg|content
背景图原点会根据background-position给边或者内容相反渲染.
对应CSS3background-orig
-moz-border--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}|herit
定义圆角可以单独定义-moz-border-radius-bottomleft,-moz-border-radius-bottomright,-moz-border-radius-left,-moz-border-radius-right
-moz-box-align:start|center|end|basele|stretch
定义内容的位置,只能用于display的值是-moz-box或者是-moz-le-box的元素
-moz-box-direction:normal|reverse
定义内容的相反方向,类如direction,只能用于display的值是-moz-box或者是-moz-le-box的元素
-moz-box-flex:number
还不明.测试无结果.只能用于display的值是-moz-box或者是-moz-le-box的元素
-moz-box-ordal-group
官方未说明
-moz-box-orient:horizontal|vertical
还不明.测试无结果.只能用于display的值是-moz-box或者是-moz-le-box的元素
-moz-box-pack:start|center|end|justify
定义内容方向,(justify无效),如类text-alg,只能用于display的值是-moz-box或者是-moz-le-box的元素
-moz-box-sizg:content-box|border-box|paddg-box
border与paddg是不要计算就width/height里面
-moz-image-region:rect(,right,bottom,left);
等整理…
-moz-key-equivalent
官方未说明
-moz-opacity:number|herit;
透明度…同CSS3的opacity定义不叠加.
-moz-outle:[-moz-outle-color||-moz-outle-style||-moz-outle-width|herit];
外的线条轮廓同CSS3的outle支持-moz-outle-radius(圆角)
Values属性值
cursor:-moz-alias|-moz-cell|-moz-context-menu|-moz-copy|-moz-grab|-moz-grabbg|-moz-spng|-moz-zoom-|-moz-zoom-out
定义鼠标样式..有些我测试跟官方的不一样..我测试的在后面的小框里面
display:-moz-box|-moz-le-block|-moz-le-box|-moz-le-grid|-moz-le-stack|-moz-le-table|-moz-grid|-moz-grid-group|-moz-grid-le|-moz-groupbox|-moz-deck|-moz-popup|-moz-stack|-moz-run-|-moz-pact|-moz-marker
display的一些…对应说明等添加
overflow:|-moz-scrollbars-horizontal|-moz-scrollbars-none|-moz-scrollbars-vertical|-moz-hidden-unscrollable
overflow的一些…对应说明等添加
还有好多…..等了解了再添加…
资料来源:
CSS_Reference:Mozilla_ExtensionsMozilla_CSS_Extensions
有时..有些东西FF总是支持不好…….
只能找私有属性来帮忙….
例子还米做…
因为太多太不了解了…
等理解得差不多时搞成本电子书.
虽然这些不推荐使用,
可是万不得以的时候总得有个解决的方法..
At-rules
@-moz-documenturl(http://.w3./),
url-prefix(http://.w3./Style/),
doma(jb51.){
div{color:red;}
}
url是指定样式在哪里网址下可以用,url-prefix是指定样式在哪个目录下,doma是指定样式在哪里玉米下有用,用“,”可以使用多个。如doma(jb51.)可以在.jb51.,.jb51.下使用,而如果是doma(.jb51.)的话.就只能在.jb51.使用。
Pseudo-elementsandpseudo-classes伪类与伪对象
:-moz-系列的还没理解清楚.不知道是不是只应用在xul上的..
Properties属性
moz-appearance:appearancevalue
直接定义外观(测试无结果..)
-moz-bdg:uri|none;
链接XBL跟HTC很像的东东..
-moz-background-clip:border|paddg;
背景色原点是否包括border,值paddg表示不包括,对应CSS3background-clip
-moz-background-le-policy:boundg-box|contuous|each-box
内联背景渲染的方式
-moz-background-orig:border|paddg|content
背景图原点会根据background-position给边或者内容相反渲染.
对应CSS3background-orig
-moz-border--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}|herit
定义圆角可以单独定义-moz-border-radius-bottomleft,-moz-border-radius-bottomright,-moz-border-radius-left,-moz-border-radius-right
-moz-box-align:start|center|end|basele|stretch
定义内容的位置,只能用于display的值是-moz-box或者是-moz-le-box的元素
-moz-box-direction:normal|reverse
定义内容的相反方向,类如direction,只能用于display的值是-moz-box或者是-moz-le-box的元素
-moz-box-flex:number
还不明.测试无结果.只能用于display的值是-moz-box或者是-moz-le-box的元素
-moz-box-ordal-group
官方未说明
-moz-box-orient:horizontal|vertical
还不明.测试无结果.只能用于display的值是-moz-box或者是-moz-le-box的元素
-moz-box-pack:start|center|end|justify
定义内容方向,(justify无效),如类text-alg,只能用于display的值是-moz-box或者是-moz-le-box的元素
-moz-box-sizg:content-box|border-box|paddg-box
border与paddg是不要计算就width/height里面
-moz-image-region:rect(,right,bottom,left);
等整理…
-moz-key-equivalent
官方未说明
-moz-opacity:number|herit;
透明度…同CSS3的opacity定义不叠加.
-moz-outle:[-moz-outle-color||-moz-outle-style||-moz-outle-width|herit];
外的线条轮廓同CSS3的outle支持-moz-outle-radius(圆角)
Values属性值
cursor:-moz-alias|-moz-cell|-moz-context-menu|-moz-copy|-moz-grab|-moz-grabbg|-moz-spng|-moz-zoom-|-moz-zoom-out
定义鼠标样式..有些我测试跟官方的不一样..我测试的在后面的小框里面
display:-moz-box|-moz-le-block|-moz-le-box|-moz-le-grid|-moz-le-stack|-moz-le-table|-moz-grid|-moz-grid-group|-moz-grid-le|-moz-groupbox|-moz-deck|-moz-popup|-moz-stack|-moz-run-|-moz-pact|-moz-marker
display的一些…对应说明等添加
overflow:|-moz-scrollbars-horizontal|-moz-scrollbars-none|-moz-scrollbars-vertical|-moz-hidden-unscrollable
overflow的一些…对应说明等添加
还有好多…..等了解了再添加…
资料来源:
CSS_Reference:Mozilla_ExtensionsMozilla_CSS_Extensions
网站设计
- 静宁会SEO的网站建设公司:全面提升您的网络影
- 提升在线业务的关键:选择最佳的丽水网站建设
- 浙江网站优化发展潜力如何
- 井研专业的网站建设公司:打造您的在线品牌
- 灵山SEO网站建设公司:提升您的在线业务表现
- 蒙城网站建设优化公司:提升您网站表现的理想
- 阳谷企业网站优化:提升线上业务力的关键
- 樟树专业的网站建设公司:打造您在线业务的坚
- 通河百度SEO排名的策略与技巧
- 重庆百度快照排名如何进行精准的客户引流
- 重庆百度快照排名
- 常宁便宜的建站公司:助您轻松打造在线业务
- 巫溪百度网站优化:提升网站曝光率与流量的关
- 湖北整站优化怎么做才能放大客户需求
- 闸北网站建设多少钱?全面解析与预算规划
- 辽宁企业网站优化怎么做电话营销