征集网锐志网络淘途找素材上91
创意在线首页
平面设计交互设计CG动漫工业设计建筑环境数码影像创意搜
 首页大赛征集资讯教程画廊访谈作品集创企同盟设计招聘人才专区竞赛台专题论吧 找素材看酷站设计网址库
教程网 Illustrator、Photoshop、CoreaDreaw、AI教程、PS教程
当前位置:首页 > 教程 > HTML/CSS > 正文
Firefox CSS私有属性备忘记录
作者: 来源: 发表时间:2007-9-25 11:13:37 浏览:

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

以下是引用片段:
  At-rules
  @-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(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 给边或者内容相反渲染.

  对应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

  定义鼠标样式..有些我测试跟官方的不一样..我测试的在后面的小框里面

  按此在新窗口浏览图片

以下是引用片段:
  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的一些…对应说明等添加


在线编辑:angel
本文链接:


推荐阅读:
·2021第十五届“创意中国”设计大奖 征稿章程
·2021第七届“学院派奖”全国艺术与设计大赛征集公告
·青春唯美插画培训网络远程班正在招生
·第八届中国高等院校设计作品大赛启动
·第十二届中国高校美术作品学年展获奖名单公布
·2021第七届“学院派奖”全国艺术与设计大赛征集公告
·第六届“包豪斯奖”国际设计大赛获奖名单揭晓
免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息。对本文有异议,请联络本站!
转载要求:文章作者及来源信息必需保留。转载之图片、文件请不要盗链本站地址,且不准打上各自站点的水印!

近期推荐报道 返回首页更多精彩等着你!

Photoshop| Photoshop快速调出情侣图片柔美的插画艺术| 绝望的小熊—美国插画师Luke
网页设计| 波兰Tiquet网站设计作品欣赏插画艺术| Nanami Cowdroy灵动黑白插画
Photoshop| Photoshop调出美女图片绚丽的橙红HTML/CSS| 实现DIV透明而里面的文字不透明
平面设计| 世界杯之平面广告欣赏插画艺术| Alberto Cerrite&ntil
平面设计| Havaianas人字拖最新平面广告系列网页设计| 英国madefavourite简洁细腻型
关于本站 | 联系方式 | 商业服务 | 合作伙伴 | 站点地图 | 免责声明 | 版权声明 | 在线投稿