当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > Firefox CSS私有属性备忘记录

CSS样式表
CSS网页设计 IE8和IE7共存
CSS2 打印属性让打印HTML文档不出问题
制作网页中设计段落缩进的方法
CSS border 属性使用说明
CSS border-style 属性使用方法
CSS border-color 属性使用方法
CSS border-width 属性使用教程
CSS padding属性定义边内补白
CSS margin 属性定义边外补白
网页布局教程 掌握CSS网页布局属性
css 背景样式属性说明
span margin 设置生效
html 滚动条在IE6和IE7中兼容性问题
IE6 两个div有间隙的问题(IE 3px bug)
CSS 数字和字母将容器撑大问题解决
换个角度看页面重构中的语义化
DIY属于个人开发使用的CSS Reset
CSS 空格引起网页布局间距问题
CSS 网页制作时遇到问题的快速参考技巧
css li 去掉点的样式写法

CSS样式表 中的 Firefox CSS私有属性备忘记录


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 94 ::
收藏到网摘: n/a

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

At-rules

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

指定样式在哪个域名下有用..如 domain(loaoao.com) 可以在www.loaoao.com, lab.loaoao.com 下使用, 而如果是 domain(www.loaoao.com) 的话.就只能在 www.loaoao.com 使用

Pseudo-elements and pseudo-classes 伪类与伪对象

:-moz- 系列的还没理解清楚.不知道是不是只应用在xul上的..

Properties 属性

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 给边或者内容相反渲染. background-repeat:no-repeat 时无效 ,
对应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 (圆角)

Values 属性值

cursor:-moz-alias | -moz-cell | -moz-context-menu | -moz-copy | -moz-grab | -moz-grabbing | -moz-spinning | -moz-zoom-in |-moz-zoom-out
定义鼠标样式..有些我测试跟官方的不一样..我测试的在后面的小框里面
cursor
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的一些...对应说明等添加
overflow: | -moz-scrollbars-horizontal | -moz-scrollbars-none | -moz-scrollbars-vertical | -moz-hidden-unscrollable
overflow的一些...对应说明等添加
还有好多.....等了解了再添加...
资料来源: developer.mozilla.org/en/docs/CSS_Reference:Mozilla_Extensions