Clip
简述
裁剪显示单元
可用值
auto|rect(top,right,bottom,left)
单元的裁剪处理方式定义如下:
--------------------------------------------------------------------------------
值名 意义
--------------------------------------------------------------------------------
auto 自动裁剪
rect(top,right,bottom,left) 指定裁剪形状,top,right,bottom,left分别为相对于单元左上角的位置
--------------------------------------------------------------------------------
缺省值
auto
适用标记
绝对定位标记
继承权
没有
示例
DIV{Clip:auto}
P.Note{Clip:rect(20,25,25,20)}
Height
简述
设定单元的高度
可用值
auto|[长度单位][百分比值]
单元的高度处理方式定义如下:
--------------------------------------------------------------------------------
值名 意义
--------------------------------------------------------------------------------
auto 自动设置高度
长度单位 详见层叠样式页单位
百分比值 详见层叠样式页单位
--------------------------------------------------------------------------------
缺省值
auto
适用标记
块级标记,替代标记和绝对定位标记
继承权
没有
示例
DIV{Height:auto}
P.Note{Height:30px}
Width
简述
设定单元的宽度
可用值
auto|[长度单位][百分比值]
单元的宽度处理方式定义如下:
--------------------------------------------------------------------------------
值名 意义
--------------------------------------------------------------------------------
auto 自动设置宽度
长度单位 详见层叠样式页单位
百分比值 详见层叠样式页单位
--------------------------------------------------------------------------------
缺省值
auto
适用标记
块级标记,替代标记和绝对定位标记
继承权
没有
示例
DIV{Width:auto}
P.Note{Width:200px}
Top
简述
设定单元的顶部位置
可用值
auto|[长度单位][百分比值]
单元的顶部位置处理方式定义如下:
--------------------------------------------------------------------------------
值名 意义
--------------------------------------------------------------------------------
auto 自动设置顶部位置
长度单位 详见层叠样式页单位
百分比值 详见层叠样式页单位
--------------------------------------------------------------------------------
缺省值
auto
适用标记
绝对定位标记或相对定位标记
继承权
没有
示例
DIV{Top:auto}
P.Note{Top:20px}
Left
简述
设定单元的左部起始位置
可用值
auto|[长度单位][百分比值]
单元的左部起始位置处理方式定义如下:
--------------------------------------------------------------------------------
值名 意义
--------------------------------------------------------------------------------
auto 自动设置左部起始位置
长度单位 详见层叠样式页单位
百分比值 详见层叠样式页单位
--------------------------------------------------------------------------------
缺省值
auto
适用标记
绝对定位标记或相对定位标记
继承权
没有
示例
DIV{Left:30%}
P.Note{Left:20px}
Overflow
简述
设定单元溢出时的显示状况
可用值
none|clip|scroll
单元的溢出状况定义如下:
--------------------------------------------------------------------------------
值名 意义
--------------------------------------------------------------------------------
none 不进行裁剪,溢出部分依旧显示
clip 进行裁剪,溢出部分不显示
scroll 给单元增加滚动条,用来观看溢出部分
--------------------------------------------------------------------------------
缺省值
none
适用标记
绝对定位标记或相对定位标记
继承权
没有
示例
DIV{Overflow:none}
P.Note{Overflow:scroll}
Position
简述
设定单元的定位类型
可用值
absolute|relative|static
单元的定位类型定义如下:
--------------------------------------------------------------------------------
值名 意义
--------------------------------------------------------------------------------
absolute 绝对定位,初始位置相对于页面的左上角
relative 相对定位,初始位置相对于上一单元的右下角
static 静止定位
--------------------------------------------------------------------------------
缺省值
static
适用标记
所有单元
继承权
没有
示例
<DIV Style="Position:absolute">
单元内容
</DIV>
Visibility
简述
设定单元的初始显示状态
可用值
hidden|inherit|visible
单元的初始显示定义如下:
--------------------------------------------------------------------------------
值名 意义
--------------------------------------------------------------------------------
hidden 隐藏单元内容
inherit 继承父单元属性
visible 显示单元内容
--------------------------------------------------------------------------------
缺省值
inherit
适用标记
所有单元
继承权
若值为inherit则有,其它则没有
示例
<DIV Style="Visibility:hidden">
单元内容
</DIV>
Z-Index
简述
设定单元的三维坐标
可用值
auto|nn(整数值)
单元的三维坐标定义如下:
--------------------------------------------------------------------------------
值名 意义
--------------------------------------------------------------------------------
auto 自动调整三维坐标
nn(整数值) 设置三维坐标值,数值越大单元的位置越前面
--------------------------------------------------------------------------------
缺省值
auto
适用标记
绝对定位标记或相对定位标记
继承权
没有
示例
<DIV Style="Z-Index:3">
单元内容
</DIV>
(DVOL本文转自:中国DV传媒 http://www.dvol.cn)