FF中CSS的私有属性小结_CSS教程

教程Tag：暂无Tag,欢迎添加,赚取U币!

FF中CSS的私有属性小结

　　有时..有些东西FF 总是支持不好…….
　　只能找私有属性来帮忙….
　　例子还米做…
　　因为太多太不了解了…
　　等理解得差不多时搞成本电子书.
　　虽然这些不推荐使用,
　　可是万不得以的时候总得有个解决的方法..

At-rules

示例代码 [www.mb5u.com]

@-moz-document url(http://www.w3.org/),
url-prefix(http://www.w3.org/Style/),
domain(loaoao.com){
div{color:red;}
}

　　url是指定样式在哪里网址下可以用，url-prefix是指定样式在哪个目录下，domain是指定样式在哪里玉米下有用，用“,”可以使用多个。如 domain(mb5u.com) 可以在www.mb5u.com, *.mb5u.com 下使用, 而假如是 domain(www.mb5u.com) 的话.就只能在 www.mb5u.com使用。

Pseudo-elements and pseudo-classes 伪类与伪对象
　　:-moz- 系列的还没理解清楚.不知道是不是只应用在xul上的..

Properties 属性

示例代码 [www.mb5u.com]

moz-appearance: appearance value
直接定义外观 (测试无结果..)
-moz-binding: uri | none ;
链接XBL 跟HTC很像的东东..
-moz-background-clip: border | padding ;
背景色原点是否包括 border, 值padding 表示不包括 ,对应CSS3 background-clip
-moz-background-inline-policy: bounding-box | continuous | each-box
内联背景渲染的方式
-moz-background-origin: border | padding | content
背景图原点会根据 background-position 给边或者内容相反渲染.
对应CSS3 background-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 (圆角)