源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

Firefox CSS私有属性备忘记录

  • 时间:2022-04-10 18:15 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:Firefox CSS私有属性备忘记录
有时..有些东西Firefox 总是支持不好.......只能找私有属性来帮忙.... 例子还米做...因为太多太不了解了...等理解得差不多时搞成本电子书. 虽然这些不推荐使用,可是万不得以的时候总得有个解决的方法.. [h3]At-rules[/h3][code]@-moz-document url(http://www.w3.org/), url-prefix(http://www.w3.org/Style/), domain(loaoao.com){ div{color:red;} }[/code] 指定样式在哪个域名下有用..如 domain(loaoao.com) 可以在www.loaoao.com, lab.loaoao.com 下使用, 而如果是 domain(www.loaoao.com) 的话.就只能在 www.loaoao.com 使用 [h3]Pseudo-elements and pseudo-classes 伪类与伪对象[/h3] :-moz- 系列的还没理解清楚.不知道是不是只应用在xul上的.. [h3]Properties 属性[/h3][url=http://developer.mozilla.org/samples/cssref/moz-background-inline-policy-example.html]例子[/url]
[code]-moz-background-origin: border | padding | content [/code]
背景渲染的方式 根据 background-position 给边或者内容相反渲染. background-repeat:no-repeat 时无效 , 对应CSS3 background-origin
[code]-moz-border-top-colors:[color | transparent,]* color | transparent ;[/code][code] -moz-border-right-colors,-moz-border-bottom-colors,-moz-left-right-colors[/code]
给 border 定义多个颜色 从外到里..每个只有 1px,最后一个填满余下的 border,这个 border-style 也会变成 solid 没默认.无继承,可用于所有元素
[code]-moz-border-radius: border-radius {1,4} | inherit [/code]
定义圆角 可以单独定义 -moz-border-radius-bottomleft, -moz-border-radius-bottomright, -moz-border-radius-topleft, -moz-border-radius-topright
[code]-moz-box-align: start | center | end | baseline | stretch[/code]
定义内容的位置 ,只能用于 display 的值是 -moz-box 或者是 -moz-inline-box 的元素
[code]-moz-box-direction: normal | reverse[/code]
定义内容的相反方向, 类如direction, 只能用于 display 的值是 -moz-box 或者是 -moz-inline-box 的元素
[code]-moz-box-flex: number[/code]
还不明.测试无结果. 只能用于 display 的值是 -moz-box 或者是 -moz-inline-box 的元素
[code]-moz-box-ordinal-group[/code]
官方未说明
[code]-moz-box-orient: horizontal | vertical[/code]
还不明.测试无结果. 只能用于display的值是 -moz-box 或者是 -moz-inline-box 的元素
[code]-moz-box-pack: start | center | end | justify[/code]
定义内容方向,(justify 无效),如类 text-algin ,只能用于 display 的值是 -moz-box 或者是 -moz-inline-box 的元素
[code]-moz-box-sizing: content-box | border-box | padding-box[/code]
border 与 padding 是不要计算就 width/height 里面
[code]-moz-image-region: rect(top, right, bottom, left);[/code]
等整理...
[code]-moz-key-equivalent[/code]
官方未说明
[code]-moz-opacity:number | inherit ;[/code]
透明度...同CSS3的opacity 同时定义不叠加.
[code]-moz-outline: [-moz-outline-color || -moz-outline-style || -moz-outline-width | inherit ] ;[/code]
外的线条轮廓 同CSS3的outline 同时支持 -moz-outline-radius (圆角)
[h3]Values 属性值[/h3]
[code]cursor:-moz-alias | -moz-cell | -moz-context-menu | -moz-copy | -moz-grab | -moz-grabbing | -moz-spinning | -moz-zoom-in |-moz-zoom-out[/code]
定义鼠标样式..有些我测试跟官方的不一样..我测试的在后面的小框里面 [img]http://loaoao.com/files/attachment/2006/10/06/cursor.gif[/img]
[code]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 [/code]
display的一些...对应说明等添加
[code]overflow: | -moz-scrollbars-horizontal | -moz-scrollbars-none | -moz-scrollbars-vertical | -moz-hidden-unscrollable [/code]
overflow的一些...对应说明等添加
还有好多.....等了解了再添加... 资料来源: [url=http://developer.mozilla.org/en/docs/CSS_Reference:Mozilla_Extensions]developer.mozilla.org/en/docs/CSS_Reference:Mozilla_Extensions[/url]
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部