zoukankan      html  css  js  c++  java
  • 浏览器私有属性

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

      url是指定样式在哪里网址下可以用,url-prefix是指定样式在哪个目录下,domain是指定样式在哪里玉米下有用,用“,”可以使用多个。如 domain(21tx.com) 可以在www.21tx.com, *.21tx.com 下使用, 而如果是 domain(www.21tx.com) 的话.就只能在 www.21tx.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 
    定义鼠标样式..有些我测试跟官方的不一样..我测试的在后面的小框里面

    CSS的私有属性小结(针对FireFox浏览器)


    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的一些…对应说明等添

    私有属性为辅的策略,比如firefox的-moz-,IE8的-ms-,sefari和Chrome的-webkit-,Opera的-o-。

  • 相关阅读:
    leetCode 42.Trapping Rain Water(凹槽的雨水) 解题思路和方法
    FizzBuzz and Fibonacci优化
    mysql 存储过程 演示样例代码
    《深入理解Android 卷III》第二章 深入理解Java Binder和MessageQueue
    jsp中URL传递中文參数的处理
    键盘录入多名学生的信息: 格式:姓名,数学成绩,语文成绩,英文成绩,按总分由高到低 将学生的信息进行排列到文件里
    iOS_block代码块
    自己动手写android图片异步载入库
    三分钟教你学Git(十三)
    文本文件打印类库(C#)
  • 原文地址:https://www.cnblogs.com/c9log/p/1619729.html
Copyright © 2011-2022 走看看