CSS2 样式表(属性·其他)

1、cursor
 

语法:
cursor : auto | all-scroll | col-resize| crosshair | default | hand | move | help | no-drop | not-allowed | pointer | progress | row-resize | text | vertical-text | wait | *-resize | url ( url )
取值:
auto :  默认值。浏览器根据当前情况自动确定鼠标光标类型。
all-scroll :  IE6.0 有上下左右四个箭头,中间有一个圆点的光标。用于标示页面可以向上下左右任何方向滚动。
col-resize :  IE6.0 有左右两个箭头,中间由竖线分隔开的光标。用于标示项目或标题栏可以被水平改变尺寸。
crosshair :  简单的十字线光标。
default :  客户端平台的默认光标。通常是一个箭头。
hand :  竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样。
move :  十字箭头光标。用于标示对象可被移动。
help :  带有问号标记的箭头。用于标示有帮助信息存在。
no-drop :  IE6.0 带有一个被斜线贯穿的圆圈的手形光标。用于标示被拖起的对象不允许在光标的当前位置被放下。
not-allowed :  IE6.0 禁止标记(一个被斜线贯穿的圆圈)光标。用于标示请求的操作不允许被执行。
pointer :  IE6.0 和 hand 一样。竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样。
progress :  IE6.0 带有沙漏标记的箭头光标。用于标示一个进程正在后台运行。
row-resize :  IE6.0 有上下两个箭头,中间由横线分隔开的光标。用于标示项目或标题栏可以被垂直改变尺寸。
text :  用于标示可编辑的水平文本的光标。通常是大写字母 I 的形状。
vertical-text :  IE6.0 用于标示可编辑的垂直文本的光标。通常是大写字母 I 旋转90度的形状。
wait :  用于标示程序忙用户需要等待的光标。通常是沙漏或手表的形状。
*-resize :  用于标示对象可被改变尺寸方向的箭头光标。w-resize | s-resize | n-resize | e-resize | ne-resize | sw-resize | se-resize | nw-resize
url ( url ) :  IE6.0 用户自定义光标。使用绝对或相对 url 地址指定光标文件(后缀为 .cur 或者 .ani )。

说明:
设置或检索在对象上移动的鼠标指针采用的光标形状。
此属性的值可以是多个,其间用逗号分隔。假如第一个值不可以被客户端系统理解或所指定的光标无法找到及显示,则第二个值将被尝试使用。依此类推。假如全部值都不可用的话,则此属性不会发生作用。光标不会被改变。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 cursor 。



示例:

p { cursor: text; }
a { cursor: pointer; }
body { cursor: url("mycursor.gif"), url("images/cursors/footcursor.jpg"), default; }

2、behavior
 

语法:
behavior : url ( url ) | url ( #objID ) | url ( #default#behaviorName )
取值:
url ( url ) :  使用绝对或相对 url 地址指定DHTML行为组件(.htc)
url ( #objID ) :  使用二进制实现(作为 ActiveX? 控件)的行为。此处的 #objID 为 object 对象的 id 属性值
url ( #default#behaviorName ) :  IE的默认行为。由行为的名称标识( #behaviorName )指定

说明:
设置或检索对象的DHTML行为。多个行为之间用空格隔开。
当多个附加到同一要素的行为发生冲突时,其结果确决于行为应用于要素的顺序。后一个行为的优先权高于前一个行为。例如,假如多个行为用于设置对象颜色,其结果将会由最后一个应用到要素的行为决定。同样的规则适用于不同行为提供的属性、事件、方法所发生的名称冲突。
可以使用 addBehavior 方法动态的将行为附着到对象。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
务必注意使用样式表(CSS)的 behavior 属性内联定义或使用 addBehavior 方法附着的行为不会在对象从文档树中移除时被自动分离。而在文档中的样式表规则定义的行为会在对象从文档树中移除时被自动分离。
对应的脚本特性为 behavior 。

示例:

p { behavior: url(#default#download); }
div { behavior: url(fly.htc) url(shy.htc); }
div { behavior: url(#myObject); }

 

3、filter
 

语法:
filter : filter
取值:
filter :  要使用的滤镜效果。多个滤镜之间用空格隔开。请参阅样式表滤镜(Visual Filters and Transitions Reference)。

说明:
设置或检索对象所应用的滤镜或滤镜集合。
此属性仅作用于有布局的对象,如块对象。内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。请参阅对象的 hasLayout 属性。
若要在 img 对象上应用 shadow 滤镜,可以在该对象 img 对象的父容器上应用。
滤镜的机制是可扩展的。通过利用Microsoft? DirectX? Media SDK,你可以使用C++开发和使用第三方滤镜。
该属性在MAC平台上不可用。
对应的脚本特性为 filter 。

示例:

div { width:200px; filter:blur(strength=50) flipv() ; }
img { filter: invert(); }
input.aFilter {filter: alpha(opacity=50);}
div { width:200px; filter:redirect ; }
.aFilter {background-color: #FFFFFF; filter: light(); color: #000000; width: 150;}
div.aFilter {filter: glow(Color=blue,Strength=5); width: 150;}
div.aFilter {filter: shadow(color=#0000FF,direction=45); width: 150; color: FF0000;}

4、zoom
 

语法:
zoom : normal | number
取值:
normal :  默认值。使用对象的实际尺寸
number :  百分数 | 无符号浮点实数。浮点实数值为1.0或百分数为100%时相当于此属性的 normal 值

说明:
设置或检索对象的缩放比例。
设置或更改一个已被呈递的对象的此属性值将导致环绕对象的内容重新流动。
虽然此属性不可继承,但是它会影响对象的所有子对象( children )。这种影响很像 background 和 filter 属性导致的变化。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 zoom 。



示例:

div {zoom : 0.75; }
.clsTeenyWeeny { zoom: 0.10 }

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值