Firefox CSS私有属性备忘记录

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

At-rules

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

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

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 给边或者内容相反渲染.
对应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的一些…对应说明等添加

还有好多…..等了解了再添加…(updata:2007-5-1)

资料来源:
CSS_Reference:Mozilla_Extensions Mozilla_CSS_Extensions

This entry was posted in Web开发 and tagged , . Bookmark the permalink.

19 Responses to Firefox CSS私有属性备忘记录

  1. snwebsite @ 2006-10-08 at 19:01

    IE的私有属性大家都了解的比较多了 ^_^

  2. Realazy @ 2006-10-08 at 17:14

    还不如研究IE的私有属性来得实在 :)

  3. forestgan @ 2006-10-10 at 11:36

    先收藏一下.
    也许要等W3C认可后会用.

  4. 我晕 @ 2006-10-10 at 16:30

    我怎么一拉滚轮,左侧就消失了,这是BUG,还是你那天马行空的创意???

  5. aoao @ 2006-10-10 at 18:14

    本来是我写的一个特色的浮动层…
    主流的浏览器基本都能兼容..我里面现在还保留着try..应该不会消失~
    我发邮件给你~看看能不能帮我解决这个bug

  6. 飘飘 @ 2006-10-11 at 00:27

    嗷嗷好,嗷嗷妙,嗷嗷呱呱叫,,偶要电子书……….

  7. old9 @ 2006-10-13 at 08:53

    嘎嘎,帅啊帅

  8. awflasher @ 2006-12-16 at 16:30

    goood goooooood~~

    IE的私有属性……
    个人觉得IE那个渲染效率再做花了实在玄乎~

  9. blankzheng @ 2006-12-27 at 10:10

    最近对FF私有属性接触比较多,学习ING……

  10. GAO @ 2006-12-28 at 15:45

    能否给兄弟说一下,那个At-rules
    @-moz-document url(http://www.w3.org/),
    url-prefix(http://www.w3.org/Style/),
    domain(loaoao.com){
    div{color:red;}
    }
    是写到那里的,再就是这些私有属性是写到css中的吗 兄弟我刚开始看,还望赐教

  11. GAO @ 2006-12-28 at 16:06

    私有属性咋使用呀

  12. aoao @ 2006-12-29 at 04:07

    直接写在css里就可以,当然,玉米要换成你的玉米

  13. GAO @ 2006-12-29 at 10:15

    谢谢aoao4点钟还给我来,能不能写一个小例子,比方说我要设置treecell的字体颜色,我查到他的私有属性是-moz-tree-cell-text 但是不知道给怎样给他设置值,我想将字体设置为红色。

  14. GAO @ 2006-12-29 at 16:45

    谢谢了 不用了 网站已经能打开了 已经弄好了

  15. bill @ 2007-05-04 at 23:01

    firefox好像对table的border不支持,比较郁闷。

  16. aoao @ 2007-05-05 at 03:14

    to bill 好像没有你说的那种问题,不知道是怎样不支持法

  17. 锐风 @ 2007-12-27 at 16:58

    我打开这个页面的时候让我登录phpMyAdmin???怎么回事?被攻击了???

    PS:我用的是FF.

  18. 锐风 @ 2007-12-27 at 17:00

    额…刚发完评论就又让我登录..

  19. aoao @ 2007-12-27 at 18:12

    @锐风 不好意思。。是我另一个服务器的问题。。已经修正了

发表评论

(必填)

(必填)