==== 字体开始=======
font : font-style || font-variant || font-weight || font-size || line-height || font-family
font : caption | icon | menu | message-box | small-caption | status-bar
参数:
该属性是复合属性。第一种声明方式请参阅各参数对应的属性。
第二种声明方式中的参数属于CSS2。
caption : 使用有标题的系统控件的文本字体(如按钮,菜单等)
icon : 使用图标标签的字体
menu : 使用菜单的字体
message-box : 使用信息对话框的文本字体
small-caption : 使用小控件的字体
status-bar : 使用窗口状态栏的字体
说明:
设置或检索对象中的文本特性。该属性是复合属性。
第一种声明方式参数必须按照如上的排列顺序。每个参数仅允许有一个值。忽略的将使用其参数对应的独立属性的默认值。
对于如何使用用户端系统可能没有的字体,可以参阅@font-face规则。
对应的脚本特性为font。请参阅我编写的其他书目。
示例:
p { font: italic small-caps 600 12pts/18pts 宋体; }
p { font: italic small-caps 600 12pts/150% Courier; }
p { font: italic small-caps 600 12pts/1.5 Courier; }
p { font: italic small-caps 600 12pts/18pts Courier; }
p { font: /18pts serif; }
p { font: oblique 100 24pts; }
H1 { font: 15pt/17pt bold "Arial" normal }
color : color
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
说明:
检索或设置对象的文本颜色。无默认值。
注意,用颜色名称指定color不被一些浏览器接受。
对应的脚本特性为color。请参阅我编写的其他书目。
示例:
div {color: #345456; }
div { color: rgb(100,14,200); }
div {color: menu; }
div {color: red; }
font-family : name
font-family : cursive | fantasy | monospace | serif | sans-serif
参数:
name : 字体名称。按优先顺序排列。以逗号隔开。如果字体名称包含空格,则应使用引号括起
第二种声明方式使用所列出的字体序列名称。如果使用fantasy序列,将提供默认字体序列
说明:
设置或检索用于对象中文本的字体名称序列。
默认值由浏览器确定。
序列可包含嵌入字体字体。请参阅@font-face规则。
对应的脚本特性为fontFamily。请参阅我编写的其他书目。
示例:
div.fixedwidth { font-family: Courier, "Courier New", monospace }
font-family : name
font-family : cursive | fantasy | monospace | serif | sans-serif
参数:
name : 字体名称。按优先顺序排列。以逗号隔开。如果字体名称包含空格,则应使用引号括起
第二种声明方式使用所列出的字体序列名称。如果使用fantasy序列,将提供默认字体序列
说明:
设置或检索用于对象中文本的字体名称序列。
默认值由浏览器确定
。
序列可包含嵌入字体字体。请参阅@font-face规则。
对应的脚本特性为fontFamily。请参阅我编写的其他书目。
示例:
div.fixedwidth { font-family: Courier, "Courier New", monospace }
语法:
font-size-adjust : none | number
参数:
none : 允许字体序列中每一字体遵守它的自己的尺寸
number : 为字体序列中所有字体强迫指定同一尺寸
说明:
设置或检索用于对象中文本的字体名称序列是否强制使用同一尺寸。
目前IE5.5尚不支持此属性。
对应的脚本特性为fontSizeAdjust。请参阅我编写的其他书目。
示例:
p { font-family: arial, courier; font-size-adjust: none; }
p { font-family: verdana, courier; font-size-adjust: .56; }
font-size-adjust : none | number
参数:
none : 允许字体序列中每一字体遵守它的自己的尺寸
number : 为字体序列中所有字体强迫指定同一尺寸
说明:
设置或检索用于对象中文本的字体名称序列是否强制使用同一尺寸。
目前IE5.5尚不支持此属性。
对应的脚本特性为fontSizeAdjust。请参阅我编写的其他书目。
示例:
p { font-family: arial, courier; font-size-adjust: none; }
p { font-family: verdana, courier; font-size-adjust: .56; }
font-stretch : normal | narrower | wider | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded
参数:
normal : 不应用拉伸变形
narrower : 使用比当前设置的值导致字体宽度更小的值
wider : 使用比当前设置的值导致字体宽度更大的值
说明:
设置或检索用于对象中文本的文字是否横向的拉伸变形。
改变是相对于浏览器显示的字体的正常宽度的。
目前IE5.5尚不支持此属性。
对应的脚本特性为fontStretch。请参阅我编写的其他书目。
示例:
p { font-stretch: wider; }
p { font-stretch: ultra-expanded; }
font-stretch : normal | narrower | wider | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded
参数:
normal : 不应用拉伸变形
narrower : 使用比当前设置的值导致字体宽度更小的值
wider : 使用比当前设置的值导致字体宽度更大的值
说明:
设置或检索用于对象中文本的文字是否横向的拉伸变形。
改变是相对于浏览器显示的字体的正常宽度的。
目前IE5.5尚不支持此属性。
对应的脚本特性为fontStretch。请参阅我编写的其他书目。
示例:
p { font-stretch: wider; }
p { font-stretch: ultra-expanded; }
语法:
font-style : normal | italic | oblique
参数:
normal : 正常的字体
italic : 斜体。对于没有斜体变量的特殊字体,将应用oblique
obl
ique : 倾斜的字体
说明:
设置或检索对象中的字体样式。
对应的脚本特性为fontStyle。请参阅我编写的其他书目。
示例:
p { font-style: normal; }
p { font-style: italic; }
p { font-style: oblique; }
font-weight : normal | bold | bolder | lighter | number
参数:
normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置
bold : 粗体。相当于number为700。也相当于b对象的作用
bolder : IE5+ 特粗体
lighter : IE5+ 细体
number : IE5+ 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
说明:
设置或检索对象中的文本字体的粗细。
作用由用户端系统安装的字体的特定字体变量映射决定。系统选择最近的匹配。也就是说,用户可能看不到不同值之间的差异。
对应的脚本特性为fontWeight。请参阅我编写的其他书目。
示例:
span { font-weight:800; }
text-decoration : none || underline || blink || overline || line-through
参数:
none : 无装饰
blink : 闪烁
underline : 下划线
line-through : 贯穿线
overline : 上划线
说明:
检索或设置对象中的文本的装饰。
有href特性的a,以及u,ins对象默认值为underline 。
对象strike,s,del,默认值是line-through。
没有文本的对象此属性不会作用。
对应的脚本特性为textDecoration。请参阅我编写的其他书目。
示例:
div { text-decoration : underline; }
div { text-decoration : underline overline; }
text-underline-position : below | above
参数:
below : 在文本下面
above : 在文本上面
说明:
设置或检索text-decoration属性定义的下划线的位置。
对应的脚本特性为textUnderlinePosition。请参阅我编写的其他书目。
示例:
p { text-underline-position: above; text-decoration: underline; }
text-shadow : color || length || lenth|| opacity
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
length : 由浮点数字和单位标识符组成的长度值。可为负值。第一个length指定阴影的水平延伸距离。第二个length指定阴影的垂直延伸距离。请参阅长度单位
opacity : 由浮点数字和单位标识符组成的长度值。不可为负值。指定模糊效果的作用距离。如果你仅仅需要模糊效果,将前两个length全部设定为0。请参阅长度单位
说明:
设置或检索对象中文本的文字是否有阴影及模糊效果。
可以设定多组效果,方式是用逗号隔开。
可以被用于伪类:first-letter和 :first-line。
目前IE5.5尚不支持此属性。
对应的脚本特性为textShadow。请参阅我编写的其他书目。
示例:
p { text-shadow: 0px 0px 20px yellow, 0px 0px 10px orange, red 5px -5px; }
p:fir
st-letter { font-size: 36px; color: red; text-shadow: red 0px 0px 5px;}
font-variant : normal | small-caps
参数:
normal : 正常的字体
small-caps : 小型的大写字母字体
说明:
设置或检索对象中的文本是否为小型的大写字母。
对应的脚本特性为fontVariant。请参阅我编写的其他书目。
示例:
span { font-variant: small-caps; }
text-transform : none | capitalize | uppercase | lowercase
参数:
none : 无转换发生
capitalize : 将每个单词的第一个字母转换成大写,其余无转换发生
uppercase : 转换成大写
lowercase : 转换成小写
说明:
检索或设置对象中的文本的大小写。
对应的脚本特性为textTransform。请参阅我编写的其他书目。
示例:
div { text-transform : uppercase; }
语法:
line-height : normal | length
参数:
normal : 默认行高
length : 百分比数字 | 由浮点数字和单位标识符组成的长度值,允许为负值。其百分比取值是基于字体的高度尺寸。请参阅长度单位
说明:
检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离。
如行内包含多个对象,则应用最大行高。此时行高不可为负值。
对应的脚本特性为lineHeight。请参阅我编写的其他书目。
示例:
div {line-height:6px; }
div {line-height:10.5; }
letter-spacing : normal | length
参数:
normal : 默认间隔
length : 由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位
说明:
检索或设置对象中的文字之间的间隔。
该属性将指定的间隔添加到每个文字之后,但最后一个字将被排除在外。
对应的脚本特性为letterSpacing。请参阅我编写的其他书目。
示例:
div {letter-spacing:6px; }
div {letter-spacing:0.5pt; }
letter-spacing : normal | length
参数:
normal : 默认间隔
length : 由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位
说明:
检索或设置对象中的文字之间的间隔。
该属性将指定的间隔添加到每个文字之后,但最后一个字将被排除在外。
对应的脚本特性为letterSpacing。请参阅我编写的其他书目。
示例:
div {letter-spacing:6px; }
div {letter-spacing:0.5pt; }
word-spacing : normal | length
参数:
normal : 默认间距
length : 由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位
说明:
检索或设置对象中的单词之间插入的空格数。对于IE4+而言仅在MAC平台上可用。
对应的脚本特性为wordSpacing。请参阅我编写的其他书目。
示例:
div { word-spacing : 10; }
div { word-spacing : 10
px; }
======字体结束===========
======文本开始============
text-indent : length
参数:
length : 百分比数字|由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位
说明:
检索或设置对象中的文本的缩进。
在被另一个对象(如)断开的对象内不能应用本属性。
对应的脚本特性为textIndent。请参阅我编写的其他书目。
示例:
div { text-indent : -5px; }
div { text-indent : underline 10%; }
text-overflow : clip | ellipsis
参数:
clip : 不显示省略标记(...),而是简单的裁切
ellipsis : 当对象内文本溢出时显示省略标记(...)
说明:
设置或检索是否使用一个省略标记(...)标示对象内文本的溢出。
对应的脚本特性为textOverflow。请参阅我编写的其他书目。
示例:
div { text-overflow : clip; }
vertical-align : baseline |sub | super |top |text-top |middle |bottom |text-bottom |length
参数:
baseline : 将支持valign特性的对象的内容与基线对齐
sub : 垂直对齐文本的下标
super : 垂直对齐文本的上标
top : 将支持valign特性的对象的内容与对象顶端对齐
text-top : 将支持valign特性的对象的文本与对象顶端对齐
middle : 将支持valign特性的对象的内容与对象中部对齐
bottom : 将支持valign特性的对象的文本与对象底端对齐
text-bottom : 将支持valign特性的对象的文本与对象顶端对齐
length : CSS2 由浮点数字和单位标识符组成的长度值 | 或者百分数。可为负数。定义由基线算起的偏移量。基线对于数值来说为0,对于百分数来说就是0%。目前IE5尚不支持。请参阅长度单位
说明:
设置或检索对象内容的垂直对其方式。
对应的脚本特性为verticalAlign。请参阅我编写的其他书目。
示例:
td { vertical-align : center; }
text-align : left | right | center | justify
参数:
left : 左对齐
right : 右对齐
center : 居中
justify : 两端对齐
说明:
设置或检索对象中文本的对齐方式。
对应的脚本特性为textAlign。请参阅我编写的其他书目。
示例:
div { text-align : center; }
layout-flow : horizontal | vertical-ideographic
参数:
horizontal : 对象中的内容自左边流入。下一行在前一行下面。这个值适于拉丁语系
vertical-ideographic : 对象中的内容自上而下流入,下一行在前一行左面。这个值适于亚洲语系
说明:
设置或检索对象内文本的流动和方向。
当此属性值发生变化时,text-align属性与vertical-align属性的作用也将发生变化。
对应的脚本特性为layoutFlow。请参阅我编写的其他书目。
示例
:
div { layout-flow : horizontal; }
layout-flow : horizontal | vertical-ideographic
参数:
horizontal : 对象中的内容自左边流入。下一行在前一行下面。这个值适于拉丁语系
vertical-ideographic : 对象中的内容自上而下流入,下一行在前一行左面。这个值适于亚洲语系
说明:
设置或检索对象内文本的流动和方向。
当此属性值发生变化时,text-align属性与vertical-align属性的作用也将发生变化。
对应的脚本特性为layoutFlow。请参阅我编写的其他书目。
示例:
div { layout-flow : horizontal; }
writing-mode : lr-tb | tb-rl
参数:
lr-tb : 左-右,上-下
tb-rl : 上-下,右-左
说明:
设置或检索对象的内容块固有的书写方向。西方语言确省的是左-右,上-下的书写方式。但是亚洲语言常有上-下,右-左的书写方式。
当此属性值发生变化时,text-align属性与vertical-align属性的作用也将发生变化。
对应的脚本特性为writingMode。请参阅我编写的其他书目。
示例:
div { writing-mode: tb-rl; }
direction : ltr | rtl | inherit
参数:
ltr : 文本流从左到右
rtl : 文本流从右到左
inherit : 文本流的值不可继承
说明:
用于设置文本流的方向。
假如您想应用direction属性于内联文本,您必须设定unicode-bidi属性为embed或bidi-override。
对应的脚本特性为direction。请参阅我编写的其他书目。
示例:
div { direction: rtl; unicode-bidi: bidi-override; }
unicode-bidi : normal | bidi-override | embed
参数:
normal : 对象不打开附加的嵌入层,对于内联要素,隐式重排序跨对象边界进行工作
embed : 对象打开附加的嵌入层,direction属性的值指定嵌入层,在对象内部进行隐式重排序
bidi-override : 严格按照direction属性的值重排序。忽略隐式双向运算规则
说明:
用于同一个页面里存在从不同方向读进的文本显示。与direction属性一起使用。
假如您想应用direction属性于内联文本,您必须设定unicode-bidi属性为embed或bidi-override。
对应的脚本特性为unicodeBidi。请参阅我编写的其他书目。
示例:
div { direction: rtl; unicode-bidi: bidi-override; }
word-break : normal | break-all | keep-all
参数:
normal : 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行
break-all : 该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all : 与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本
说明:
设置或检索对象内文本的字内
换行行为。尤其在出现多种语言时。
对于中文,应该使用break-all 。
对应的脚本特性为wordBreak。请参阅我编写的其他书目。
示例:
div {word-break : break-all; }
line-break : normal | strict
参数:
normal : 应用日文文本的默认换行规则
strict : 强制日文文本换行规则的严谨性
说明:
设置或检索用于日文文本的换行规则。
对应的脚本特性为lineBreak。请参阅我编写的其他书目。
示例:
div { line-break : strict; }
white-space : normal | pre | nowrap
参数:
normal : 默认处理方式
pre : 用等宽字体显示预先格式化的文本。不合并字间的空白距离和进行两端对齐。参阅pre对象
nowrap : 强制在同一行内显示所有文本,直到文本结束或者遭遇br对象。参阅td,div等对象的nowrap属性(特性)
说明:
设置或检索对象内空格的处理方式。
对应的脚本特性为whiteSpace。请参阅我编写的其他书目。
示例:
p { white-space: nowrap; }
word-wrap : normal | break-word
参数:
normal : 允许内容顶开指定的容器边界
break-word : 内容将在边界内换行。如果需要,词内换行(word-break)也行发生
说明:
设置或检索当当前行超过指定容器的边界时是否断开转行。
对应的脚本特性为wordWrap。请参阅我编写的其他书目。
示例:
div { word-wrap: break-word; }
text-autospace : none | ideograph-alpha | ideograph-numeric | ideograph-parenthesis | ideograph-space
参数:
none : 无调整发生
ideograph-alpha : 表意字和非表意字(如Latin-based,Greek,Cyrillic,Arabic,Hebrew文本)之间创建额外空格
ideograph-numeric : 在表意字和数字字符之间创建额外空格
ideograph-parenthesis : 在常规(非宽度)插入语和表意字之间创建额外空格
ideograph-space : 当空格相邻表意字符时,扩展空格的宽度
说明:
设置或检索对象文本的自动空格和紧缩空格宽度调整的方式。
表意字是东亚编写系统中的字符,表示一个概念或方法,但不是一个特定的字或词。
对应的脚本特性为textAutospace。请参阅我编写的其他书目。
text-autospace : none | ideograph-alpha | ideograph-numeric | ideograph-parenthesis | ideograph-space
参数:
none : 无调整发生
ideograph-alpha : 表意字和非表意字(如Latin-based,Greek,Cyrillic,Arabic,Hebrew文本)之间创建额外空格
ideograph-numeric : 在表意字和数字字符之间创建额外空格
ideograph-parenthesis : 在常规(非宽度)插入语和表意字之间创建额外空格
ideograph-space : 当空格相邻表意字符时,扩展空格的宽度
说明:
设置或检索对象文本的自动空格和紧缩空格
宽度调整的方式。
表意字是东亚编写系统中的字符,表示一个概念或方法,但不是一个特定的字或词。
对应的脚本特性为textAutospace。请参阅我编写的其他书目。
语法:
text-kashida-space : length
参数:
length : 百分数。标示kashida膨胀与空格膨胀的比例。为100%,仅有kashida膨胀。为0%,仅有空格膨胀。缺省值为0%
说明:
设置或检索如何拉伸字符来调节文本行排列。它可以和text-justify属性一起使用。
对应的脚本特性为textKashidaSpace。请参阅我编写的其他书目。
示例:
div { text-kashida-space : 50%; }
text-justify : auto |inter-word | newspaper | distribute | distribute-all-lines | inter-ideograph
参数:
auto : 允许浏览器用户代理确定使用的两端对齐法则
inter-word : 通过增加字之间的空格对齐文本。该行为是对齐所有文本行最快的方法。它的两端对齐行为对段落的最后一行无效
newspaper : 通过增加或减少字或字母之间的空格对齐文本。是用于拉丁文字母表两端对齐的最精确格式
distribute : 处理空格很像newspaper,适用于东亚文档。尤其是泰国
distribute-all-lines : 两端对齐行的方式与distribute相同,也同样不包含两段对齐段落的最后一行。适用于表意字文档
inter-ideograph : 为表意字文本提供完全两端对齐。他增加或减少表意字和词间的空格
说明:
设置或检索对象内文本的对齐方式。
对应的脚本特性为textJustify。请参阅我编写的其他书目。
示例:
div {text-justify : auto; }
ruby-align : auto | left | center | right | distribute-letter | distribute-space | line-edge
参数:
auto : 由浏览器确定对齐方式。对于ideographic(东亚文本)以distribute-space值对齐。对于Latin文本以center值对齐
left : 根据基本宽度左对齐
center : 根据基本宽度居中对齐。如果基本宽度小于ruby文本的宽度,那么在ruby文本的宽度中居中基本宽度
right : 根据基本宽度右对齐
distribute-letter : 如果ruby文本的宽度小于基本宽度,则ruby文本在基本宽度中均匀分布。如果ruby文本的宽度大于或等于基本宽度,,居中对齐
distribute-space : 如果ruby文本的宽度小于基本宽度,则ruby文本在基本宽度中均匀分布。在ruby文本中,在第一个字符的前面后最后字符的后面有半个字距的空白区域。如果ruby文本的宽度大于或等于基本宽度,居中对齐
line-edge : 如果ruby文本不相邻行边缘,则其被居中。否则ruby文本行在基本文本边的上方
说明:
设置或检索通过rt对象指定的注释文本或发音指南(参考ruby对象)的对齐位置。
ruby对象及rt对象请参阅我的其他著
作。
对应的脚本特性为rubyAlign。请参阅我编写的其他书目。
示例:
ruby { ruby-align: right; }
ruby-position : above | inline
参数:
above : 在基本文本上方定位ruby文本
inline : ruby文本与基本文本内联
说明:
设置或检索通过rt对象指定的注释文本或发音指南(参考ruby对象)的位置。
ruby对象及rt对象请参阅我的其他著作。
对应的脚本特性为rubyPosition。请参阅我编写的其他书目。
示例:
ruby { ruby-position: above; }
ruby-overhang : auto | whitespace | none
参数:
auto : ruby文本突出相邻基本文本的任何其他文本
whitespace : ruby文本只突出空白区域的字符
none : ruby文本只突出相邻基本文本的任何其他文本
说明:
设置或检索通过rt对象指定的注释文本或发音指南(参考ruby对象)的位置。
ruby对象及rt对象请参阅我的其他著作。
对应的脚本特性为rubyOverhang。请参阅我编写的其他书目。
示例:
ruby { ruby-overhang: auto; }
ime-mode : auto | active | inactive | disabled
参数:
auto : 不影响IME的状态。与不指定ime-mode属性时相同
active : 指定所有使用IME输入的字符。即激活本地语言输入法。用户仍可以撤销激活IME
inactive : 指定所有不使用IME输入的字符。即激活非本地语言。用户仍可以撤销激活IME
disabled : 完全禁用IME。对于有焦点的控件(如输入框),用户不可以激活IME
说明:
设置或检索是否允许用户激活输入中文,韩文,日文等的输入法(IME)状态。
对应的脚本特性为imeMode。请参阅我编写的其他书目。
示例:
<input type=text style="ime-mode: auto; ">
ime-mode : auto | active | inactive | disabled
参数:
auto : 不影响IME的状态。与不指定ime-mode属性时相同
active : 指定所有使用IME输入的字符。即激活本地语言输入法。用户仍可以撤销激活IME
inactive : 指定所有不使用IME输入的字符。即激活非本地语言。用户仍可以撤销激活IME
disabled : 完全禁用IME。对于有焦点的控件(如输入框),用户不可以激活IME
说明:
设置或检索是否允许用户激活输入中文,韩文,日文等的输入法(IME)状态。
对应的脚本特性为imeMode。请参阅我编写的其他书目。
示例:
<input type=text style="ime-mode: auto; ">
layout-grid : layout-grid-mode || layout-grid-type || layout-grid-line || layout-grid-char || layout-grid-char-spacing
参数:
该属性是复合属性。请参阅各参数对应的属性。
说明:
设置或检索复合文档中指定文本字符版式的网格特性。
以东亚语言(如中文,日文)编写的文档通常根据一维或二维网格使用字符
的页面版式。
对应的脚本特性为layoutGrid。请参阅我编写的其他书目。
示例:
div { layout-grid:char line 12px 12px 5px; }
layout-grid-char : none | auto | length
参数:
none : 不指定行网格值
auto : 在对象文本中按最大字符确定网格
length : 百分数 | 由浮点数字和单位标识符组成的长度值,其百分比取值是基于父对象尺寸。请参阅长度单位
说明:
设置或检索应用于对象文本的字符网格值。
要实现此属性,layout-grid-mode必须设置为char或both。
其视觉效果类似于line-height属性。只应用于块对象(如div)。
以东亚语言(如中文,日文)编写的文档通常根据一维或二维网格使用字符的页面版式。
对应的脚本特性为layoutGridChar。请参阅我编写的其他书目。
示例:
div { layout-grid-char: auto; }
layout-grid-char-spacing : auto | length
参数:
auto : 在对象文本中按最大字符确定网格
length : 百分数 | 由浮点数字和单位标识符组成的长度值,其百分比取值是基于父对象尺寸。请参阅长度单位
说明:
设置或检索字符间隔。
要实现此属性,layout-grid-mode必须设置为char或both。layout-grid-type必须设置为loose。
其视觉效果类似于line-height属性。只应用于块对象(如div)。
以东亚语言(如中文,日文)编写的文档通常根据一维或二维网格使用字符的页面版式。
对应的脚本特性为layoutGridCharSpacing。请参阅我编写的其他书目。
示例:
div { layout-grid-char-spacing: auto; }
layout-grid-line : none | auto | length
参数:
none : 不指定行网格值
auto : 在对象文本中按最大字符确定网格
length : 百分数 | 由浮点数字和单位标识符组成的长度值,其百分比取值是基于父对象尺寸。请参阅长度单位
说明:
设置或检索应用于对象文本的行网格值。
要实现此属性,layout-grid-mode必须设置为line或both。
其视觉效果类似于line-height属性。只应用于块对象(如div)。
以东亚语言(如中文,日文)编写的文档通常根据一维或二维网格使用字符的页面版式。
对应的脚本特性为layoutGridLine。请参阅我编写的其他书目。
示例:
div { layout-grid-line: auto; }
layout-grid-mode : both | line | char | none
参数:
both : 指定char和line都被启用。要在一个对象上完全启用网格版式,此值是必须的
line : 指定只使用行网格。建议与内联对象(如span)一起使用
char : 指定只使用字符网格。建议和块对象(如div)一起使用
none : 不使用网格
说明:
设置或检索文本网格版式是否使用二维。
以东亚语言(如中文,日文)编写的文
档通常根据一维或二维网格使用字符的页面版式。
对应的脚本特性为layoutGridMode。请参阅我编写的其他书目。
示例:
div { layout-grid-mode: char; }
layout-grid-type : loose | strict | fixed
参数:
loose : 指定在中文或韩文中使用网格的文本,只有象形文字,假名,宽字符域网格对齐。其余的和通常一样,尽管包含这些字符的文本范围的layout-grid-mode被设置为none或line。该模式还禁用通常用于对象文本的特殊文本对齐和字符宽度调整。最后,如果不能再换行边界的文本中找到一个换行机会,那么文本将被推至下一行,并且上一行的最后留出空白
strict : 指定在日文中使用网格。规则为:如果没有其他的宽度调整效果,则增加宽字符以获取精确的网格填充。窄字符(除了草书字体)按照应用于宽字符的一半增量增加
fixed : 指定使用于等宽版式网格。规则为:所有非草书符号视为等宽。默认情况下,每个字符在单一网格中居中。禁止对齐或任何其他改变字符宽度的行为
说明:
设置或检索应用于对象文本的网格类型。
只应用于块对象(如div)。
以东亚语言(如中文,日文)编写的文档通常根据一维或二维网格使用字符的页面版式。
对应的脚本特性为layoutGridType。请参阅我编写的其他书目。
示例:
div { layout-grid-type: strict; }
======文本over=============
======背景开始===========
background : background-color || background-image || background-repeat || background-attachment || background-position
参数:
该属性是复合属性。请参阅各参数对应的属性。
说明:
如使用该复合属性定义其单个参数,则其他参数的默认值将无条件覆盖各自对应的单个属性设置。
默认值为:transparent none repeat scroll 0% 0%。
尽管该属性不可继承,但如果未指定,其父对象的背景颜色和背景图将在对象下面显示。
对应的脚本特性为background。请参阅我编写的其他书目。
示例:
div { background: red no-repeat scroll 5% 60%; }
body { background: url("images/aardvark.gif") repeat-y; }
pre { background: url("images/aardvark.gif") top; }
caption { background: fuchsia; }
background-attachment : scroll | fixed
参数:
scroll : 背景图像是随对象内容滚动
fixed : 背景图像固定
说明:
设置或检索背景图像是随对象内容滚动还是固定的。
对应的脚本特性为backgroundAttachment。请参阅我编写的其他书目。
示例:
html { background-image: url("anasazi.tif"); background-attachment: fixed; }
background-color : transparent | color
参数:
transparent : 背景色透明
color : 指定颜色。请参阅颜色单位和附
录:颜色表
说明:
设置或检索对象的背景颜色。
对应的脚本特性为backgroundColor。请参阅我编写的其他书目。
示例:
p { background-color: silver }
div { background-color: rgb(223,71,177) }
body { background-color: #98AB6F }
pre { background-color: transparent; }
background-image : none | url (url)
参数:
none : 无背景图
url : 使用绝对或相对地址指定背景图像
说明:
设置或检索对象的背景图像。
对应的脚本特性为backgroundImage。请参阅我编写的其他书目。
示例:
code { background-image: url("comet.jpg"); }
blockquote { background-image: url("c:\InetPub\MyPixs\comet.jpg"); }
br { background-image: url(http://Fred.com/ImageFile/Q.gif); }
body { background-image: none; }
background-position : length || length
background-position : position || position
参数:
length : 百分数 | 由浮点数字和单位标识符组成的长度值。请参阅长度单位
position : top | center | bottom | left | center | right
说明:
设置或检索对象的背景图像位置。必须先指定background-image属性。默认值为:(0% 0%)。
如果只指定了一个值,该值将用于横坐标。纵坐标将默认为50%。第二个值将用于纵坐标。
该属性定位不受对象的补丁属性(padding)设置影响。
对应的脚本特性为backgroundPosition。请参阅我编写的其他书目。
示例:
div { background: url("images/aardvark.gif"); background-position: 35% 80%; }
menu { background: url("images/aardvark.gif"); background-position: 35% 2.5cm; }
a { background: url("images/aardvark.gif"); background-position: 3.25in; }
body { background: url("images/aardvark.gif"); background-position: top right; }
background-positionX : length | left | center | right
参数:
length : 百分数 | 由浮点数字和单位标识符组成的长度值。请参阅长度单位
left : 居左
center : 居中
right : 居右
说明:
设置或检索对象的背景图像横坐标位置。必须先指定background-image属性。默认值为:0%。
该属性定位不受对象的补丁属性(padding)设置影响。
对应的脚本特性为backgroundPositionX。请参阅我编写的其他书目。
示例:
p { background-image: url("images/aardvark.gif"); background-positionX: 35%; background-repeat:no-repeat; }
layer-background-color : transparent | color
参数:
transparent : 背景色透明
color : 指定颜色。请参阅颜色单位和附录:颜色表
说明:
设置或检索对象整个区域的背景颜色。
示例:
div { layer-background-color: transparent; }
layer-background-image : none | url (url)
参数:
none : 无背景图
url : 使用绝对或相对地址指定背景图像
说明:
设置或检
索对象整个区域的背景图像。
示例:
code { position: absolute; top: 100px; left: 300px; width: 200px; border: thin solid black; background-image: url("comet.jpg"); layer-background-image: url("bb_comet.jpg"); }
=======背景over==========
=======定位开始==========
position : static | absolute | fixed | relative
参数:
static : 无特殊定位,对象遵循HTML定位规则
absolute : 将对象从文档流中拖出,使用left,right,top,bottom等属性进行绝对定位。而其层叠通过z-index属性定义。此时对象不具有边距,但仍有补白和边框
relative : 对象不可层叠,但将依据left,right,top,bottom等属性在正常文档流中偏移位置
fixed : IE5.5及NS6尚不支持此属性
说明:
检索对象的定位方式。
对应的脚本特性为position。请参阅我编写的其他书目。
示例:
div { position: absolute; bottom: 1in; left: 1in; right: 1in; top: 1in; }
div { position:relative; top:-3px; left:6px; }
z-index : auto | number
参数:
auto : 遵从其父对象的定位
number : 无单位的整数值。可为负数
说明:
检索或设置对象的层叠顺序。
如两个绝对定位对象的此属性具有同样的值,那么将依据它们在HTML文档中声明的顺序层叠
对应的脚本特性为zIndex。请参阅我编写的其他书目。
示例:
div { position:absolute; z-index:3; width:6px; }
top : auto | length
参数:
auto : 无特殊定位,根据HTML定位规则载文档流中分配
length : 由浮点数字和单位标识符组成的长度值,或者百分数。必须定义position属性值为absolute或者relative此取值方可生效。请参阅长度单位
说明:
检索或设置对象与其最近一个定位的父对象顶部相关的位置。
对应的脚本特性为top。其值为一字符串,所以不可用于脚本(Scripts)中的计算。请使用style对象的posTop,pixelTop,以及对象的offsetTop等特性。请参阅我编写的其他书目。
示例:
div { position: absolute; top: 1in; }
div { position:relative; top:-3px; left:6px; }
right : auto | length
参数:
auto : 无特殊定位,根据HTML定位规则载文档流中分配
length : 由浮点数字和单位标识符组成的长度值 | 或者百分数。必须定义position属性值为absolute或者relative此取值方可生效。请参阅长度单位
说明:
检索或设置对象与其最近一个定位的父对象右边相关的位置。
对应的脚本特性为right。其值为一字符串,所以不可用于脚本(Scripts)中的计算。请使用style对象的posRight,pixelRight等特性。请参阅我编写的其他书目。
示例:
div { position: absolute; right: 1in; }
div { position:relative; top:-3px; right:6px; }
bottom : auto | l
ength
参数:
auto : 无特殊定位,根据HTML定位规则载文档流中分配
length : 由浮点数字和单位标识符组成的长度值 | 百分数。必须定义position属性值为absolute或者relative此取值方可生效。请参阅长度单位
说明:
检索或设置对象与其最近一个定位的父对象底边相关的位置。
对应的脚本特性为bottom。其值为一字符串,所以不可用于脚本(Scripts)中的计算。请使用style对象的posBottom,pixelBottom等运行时特性。请参阅我编写的其他书目。
示例:
div { position: absolute; bottom: 1in; }
div { position:relative; bottom:6px; }
left : auto | length
参数:
auto : 无特殊定位,根据HTML定位规则载文档流中分配
length : 由浮点数字和单位标识符组成的长度值 | 百分数。必须定义position属性值为absolute或者relative此取值方可生效。请参阅长度单位
说明:
检索或设置对象与其最近一个定位的父对象左边相关的位置。
对应的脚本特性为left。其值为一字符串,所以不可用于脚本(Scripts)中的计算。请使用style对象的posLeft,pixelLeft,以及对象的offsetLeft等特性。请参阅我编写的其他书目。
示例:
div { position: absolute; left: 1in; }
div { position:relative; top:-3px; left:6px; }
=======定位over==========
=======尺寸开始==========
height : auto | length
参数:
auto : 无特殊定位,根据HTML定位规则载文档流中分配
length : 由浮点数字和单位标识符组成的长度值 | 百分数。百分数是基于父对象的高度。不可为负数。请参阅长度单位
说明:
检索或设置对象的高度。
对于img对象来说,仅指定此属性,其width值将根据图片源尺寸等比例缩放。
对应的脚本特性为height。其值为一字符串,所以不可用于脚本(Scripts)中的计算。请使用style对象的posHeight,pixelHeight,以及对象的offsetHeight等特性。请参阅我编写的其他书目。
按照样式表的规则,对象的实际高度为其下列属性值之和:
margin-top + border-top + padding-top + height + padding-bottom + border-bottom + margin-bottom
而在IE6以前的版本,对象的实际高度却等于:
margin-top + height + margin-bottom
在IE6中,已经提供了针对此问题的解决方案。而上述属性的相互关系,请参看图例。
示例:
div { height: 1in; }
div { position:absolute; top:-3px; height:6px; }
max-height : none | length
参数:
none : 无最大高度限制
length : 由浮点数字和单位标识符组成的长度值 | 或者百分数。不可为负数。请参阅长度单位
说明:
设置或检索对象的最大高度。
如果max-height属性的值小于min-height属性的值,将会被自动转设为min-height属性
的值。
目前IE5.5尚不支持此属性。
对应的脚本特性为maxHeight。请参阅我编写的其他书目。
示例:
p { max-height: 200%; }
min-height : none | length
参数:
none : 无最小高度限制
length : 由浮点数字和单位标识符组成的长度值 | 或者百分数。不可为负数。请参阅长度单位
说明:
设置或检索对象的最小高度。
如果min-height属性的值大于max-height属性的值,将会被自动转设为max-height属性的值。
目前IE5.5尚不支持此属性。
对应的脚本特性为minHeight。请参阅我编写的其他书目。
示例:
p { min-height: 200px; }
width : auto | length
参数:
auto : 无特殊定位,根据HTML定位规则载文档流中分配
length : 由浮点数字和单位标识符组成的长度值,或者百分数。百分数是基于父对象的宽度。不可为负数。请参阅长度单位
说明:
检索或设置对象的宽度。
对于img对象来说,仅指定此属性,其height值将根据图片源尺寸等比例缩放。
对应的脚本特性为width。其值为一字符串,所以不可用于脚本(Scripts)中的计算。请使用style对象的posWidth,pixelWidth,以及对象的offsetWidth等特性。请参阅我编写的其他书目。
按照样式表的规则,对象的实际宽度为其下列属性值之和:
margin-left + border-left + padding-left + width + padding-right + border-right + margin-right
而在IE6以前的版本,对象的实际宽度却等于:
margin-left + width + margin-right
在IE6中,已经提供了针对此问题的解决方案。而上述属性的相互关系,请参看图例。
示例:
div { width: 1in; }
div { position:absolute; top:-3px; width:6px; }
max-width : none | length
参数:
none : 无最大宽度限制
length : 由浮点数字和单位标识符组成的长度值 | 或者百分数。不可为负数。请参阅长度单位
说明:
设置或检索对象的最大宽度。
如果max-width属性的值小于min-width属性的值,将会被自动转设为min-width属性的值。
目前IE5.5尚不支持此属性。
对应的脚本特性为maxWidth。请参阅我编写的其他书目。
示例:
p { max-width: 200%; }
min-width : none | length
参数:
none : 无最小宽度限制
length : 由浮点数字和单位标识符组成的长度值,或者百分数。不可为负数。请参阅长度单位
说明:
设置或检索对象的最小宽度。
如果min-width属性的值大于max-width属性的值,将会被自动转设为max-width属性的值。
目前IE5.5尚不支持此属性。
对应的脚本特性为minWidth。请参阅我编写的其他书目。
示例:
p { min-width: 200px; }
=======尺寸over==========
=======布局开始==========
clear : none | le
ft |right | both
参数:
none : 允许两边都可以有浮动对象
both : 不允许有浮动对象
left : 不允许左边有浮动对象
right : 不允许右边有浮动对象
说明:
该属性的值指出了不允许有浮动对象的边。请参阅float属性。
对应的脚本特性为clear。请参阅我编写的其他书目。
示例:
div { clear : left }
img { float: right }
float : none | left |right
参数:
none : 对象不浮动
left : 对象浮在左边
right : 对象浮在右边
说明:
该属性的值指出了对象是否及如何浮动。请参阅clear属性。
当该属性不等于none引起对象浮动时,对象将被视作块对象(block-level),即display属性等于block。也就是说,浮动对象的display特性将被忽略。
对应的脚本特性为styleFloat。请参阅我编写的其他书目。
示例:
div { clear : left }
img { float: right }
clip : auto | rect ( number number number number )
参数:
auto : 对象无剪切
rect ( number number number number ) : 依据上-右-下-左的顺序提供自对象左上角为(0,0)坐标计算的四个偏移数值,其中任一数值都可用auto替换,即此边不剪切
说明:
检索或设置对象的可视区域。区域外的部分是透明的。
必须将position的值设为absolute,此属性方可使用。
自IE5开始,此属性在MAC平台上可用。
对应的脚本特性为clip。请参阅我编写的其他书目。
示例:
div { position:absolute; width:60px; height:60px; clip:rect(0 20 50 10); }
div { position:absolute; width:60px; height:60px; clip:rect(1cm auto 50px 10cm); }
overflow : visible | auto | hidden | scroll
参数:
visible : 不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效
auto : 此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条
hidden : 不显示超过对象尺寸的内容
scroll : 总是显示滚动条
说明:
检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。
设置textarea对象为hidden值将隐藏其滚动条。
对于table来说,假如table-layout属性设置为fixed,则td对象支持带有默认值为hidden的overflow属性。如果设为hidden,scroll或者auto,那么超出td尺寸的内容将被剪切。如果设为visible,将导致额外的文本溢出到右边或左边(视direction属性设置而定)的单元格。
自IE5开始,此属性在MAC平台上可用。
对应的脚本特性为overflow。请参阅我编写的其他书目。
示例:
body { overflow: hidden; }
div { overflow: scroll; height: 100px; width: 100px; }
visible : 不剪切内容也不添加滚动条。假如显式声明此默认值,
对象将被剪切为包含对象的window或frame的宽度。并且clip属性设置将失效
auto : 此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条
hidden : 不显示超过对象宽度的内容
scroll : 总是显示横向滚动条
说明:
检索或设置当对象的内容超过其指定宽度时如何管理内容。
参阅overflow属性。
对应的脚本特性为overflowX。请参阅我编写的其他书目。
示例:
body { overflow-x: hidden; }
div { overflow-x: scroll; height: 100px; width: 100px; }
display : block | none | inline | compact | marker | inline-table | list-item | run-in | table |table-caption | table-cell | table-column | table-column-group | table-footer-group | table-header-group | table-row | table-row-group
参数:
block : CSS1 块对象的默认值。用该值为对象之后添加新行
none : CSS1 隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间
inline : CSS1 内联对象的默认值。用该值将从对象中删除行
compact : CSS2 分配对象为块对象或基于内容之上的内联对象
marker : CSS2 指定内容在容器对象之前或之后。要使用此参数,对象必须和:after及:before 伪元素一起使用
inline-table : CSS2 将表格显示为无前后换行的内联对象或内联容器
list-item : CSS1 将块对象指定为列表项目。并可以添加可选项目标志
run-in : CSS2 分配对象为块对象或基于内容之上的内联对象
table : CSS2 将对象作为块元素级的表格显示
table-caption : CSS2 将对象作为表格标题显示
table-cell : CSS2 将对象作为表格单元格显示
table-column : CSS2 将对象作为表格列显示
table-column-group : CSS2 将对象作为表格列组显示
table-header-group : CSS2 将对象作为表格标题组显示
table-footer-group : CSS2 将对象作为表格脚注组显示
table-row : CSS2 将对象作为表格行显示
table-row-group : CSS2 将对象作为表格行组显示
说明:
设置或检索对象是否及如何显示。
目前 IE5.5仅支持以上CSS1的参数。
对应的脚本特性为display。请参阅我编写的其他书目。
示例:
img { disply: block; float: right; }
visibility : inherit | visible | collapse | hidden
参数:
inherit : 继承上一个父对象的可见性
visible : 对象可视
hidden : 对象隐藏
collapse : 主要用来隐藏表格的行或列。隐藏的行或列能够被其他内容使用。对于表格外的其他对象,其作用等同于hidden。IE5.5尚不支持此属性。
说明:
设置或检索是否显示对象。与display属性不同,此属性为隐藏的对象保留其占据的物理空间。
如果希望对象为可视,其父对象也必须是
可视的。
对应的脚本特性为visibility。请参阅我编写的其他书目。
示例:
img { visibility: inherit; float: right; }
=======布局over==========
========外补丁开始===========
margin : auto | length
参数:
auto : 值被设置为相对边的值
length : 由浮点数字和单位标识符组成的长度值 | 百分数。百分数是基于父对象的高度。对于内联对象来说,左右外延边距可以是负数值。请参阅长度单位
说明:
检索或设置对象四边的外延边距。
如果提供全部四个参数值,将按上-右-下-左的顺序作用于四边。
如果只提供一个,将用于全部的四边。
如果提供两个,第一个用于上-下,第二个用于左-右。
如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。
内联对象要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
在IE4+,margin属性不可用于td和tr对象。
外延边距始终透明。
对应的脚本特性为margin。请参阅我编写的其他书目。
关于对象的尺寸与边框,内外补丁等样式表属性的关系,请参看图例以及height和width属性。
示例:
body { margin: 36pt 24pt 36pt; }
body { margin: 11.5%; }
body { margin: 10% 10% 10% 10%; }
margin-top : auto | length
参数:
auto : 值被设置为相对边的值
length : 由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的高度。请参阅长度单位
说明:
检索或设置对象顶边的外延边距。
内联对象要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
在IE4+,margin属性不可用于td和tr对象。
外延边距始终透明。
对应的脚本特性为marginTop。请参阅我编写的其他书目。
示例:
body { margin-top: 11.5%; }
margin-right : auto | length
参数:
auto : 值被设置为相对边的值
length : 由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的高度。请参阅长度单位
说明:
检索或设置对象右边的外延边距。
内联对象要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
在IE4+,margin属性不可用于td和tr对象。
外延边距始终透明。
对应的脚本特性为marginRight。请参阅我编写的其他书目。
示例:
body { margin-right: 11.5%; }
margin-bottom : auto | length
参数:
auto : 值被设置为相对边的值
length : 由浮点数字和单位标识符组成的长度值 | 百分数。百分数是基于父对象的高度。请参阅长度单位
说明:
检索或设置对象底边的外延边距。
内联对象
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
在IE4+,margin属性不可用于td和tr对象。
外延边距始终透明。
对应的脚本特性为marginBottom。请参阅我编写的其他书目。
示例:
body { margin-bottom: 11.5%; }
margin-left : auto | length
参数:
auto : 值被设置为相对边的值
length : 由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的高度。请参阅长度单位
说明:
检索或设置对象左边的外延边距。
内联对象要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
在IE4+,margin属性不可用于td和tr对象。
外延边距始终透明。
对应的脚本特性为marginLeft。请参阅我编写的其他书目。
示例:
body { margin-left: 11.5%; }
========外补丁over=============
=======轮廓开始============
outline : outline-color ||outline-style || outline-width
参数:
该属性是复合属性。请参阅各参数对应的属性。
说明:
设置或检索对象外的线条轮廓。outline画在border外面,并且不一定是矩形。
目前IE5.5尚不支持此属性。
对应的脚本特性为outline。请参阅我编写的其他书目。
示例:
img { outline: red }
p { outline: double 5px }
button { outline: #E9E9E9 double thin }
outline-color : color |invert
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
invert : 使用背景色的反色
说明:
设置或检索对象外的线条轮廓的颜色。参见outline属性。
目前IE5.5尚不支持此属性。
对应的脚本特性为outlineColor。请参阅我编写的其他书目。
示例:
img { outline-color: red }
p { outline-color: #E9E9E9 }
outline-style : none |dotted |dashed |solid |double |groove |ridge |inset |outset
参数:
none : 无边框。与任何指定的outline-width值无关
dotted : 点线边框
dashed : 虚线边框
solid : 实线边框
double : 双线边框。两条单线与其间隔的和等于指定的oueline-width值
groove : 根据outline-color的值画3D凹槽
ridge : 根据outline-color的值画菱形边框
inset : 根据outline-color的值画3D凹边
outset : 根据outline-color的值画3D凸边
说明:
设置或检索对象外的线条轮廓的样式。参见outline属性。
目前IE5.5尚不支持此属性。
对应的脚本特性为outlineStyle。请参阅我编写的其他书目。
outline-width : medium | thin | thick | length
参数:
medium : 默认宽度
thin : 小于默认宽度
thick : 大于默认宽度
length : 由浮点数字和单位标识符组成的长度值。不可为负值。请参阅长度单位
说明:
设置或检索对象外的线条轮廓的宽度。参见outline属性。
目前IE5.5尚不支持此属性。
对应的脚本特性为outlineWidth。请参阅我编写的其他书目。
示例:
img { outline-color: orange; outline-style: solid ; outline-width: medium ; }
======轮廓over============
======边框开始============
border : border-width || border-style || border-color
参数:
该属性是复合属性。请参阅各参数对应的属性。
说明:
如使用该复合属性定义其单个参数,则其他参数的默认值将无条件覆盖各自对应的单个属性设置。
默认值为:medium none。border-color的默认值将采用文本颜色。
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
对应的脚本特性为border。请参阅我编写的其他书目。
关于对象的尺寸与边框,内外补丁等样式表属性的关系,请参看图例以及height和width属性。
示例:
p { border: thick double yellow; }
blockquote { border: dotted gray; }
p { border: 25px; }
border-color : color
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
说明:
如果提供全部四个参数值,将按上-右-下-左的顺序作用于四个边框。
如果只提供一个,将用于全部的四条边。
如果提供两个,第一个用于上-下,第二个用于左-右。
如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
如果border-width等于0或border-style设置为none,本属性将失去作用。
对应的脚本特性为borderColor。请参阅我编写的其他书目。
示例:
ody { border-color: silver ;red; }
body { border-color: silver red RGB(223, 94, 77); }
body { border-color: silver red RGB(223, 94, 77) black; }
border-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
参数:
none : 无边框。与任何指定的border-width值无关
hidden : 隐藏边框。IE不支持
dotted : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线
dashed : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线
solid : 实线边框
double : 双线边框。两条单线与其间隔的和等于指定的border-width值
groove : 根据border-color的值画3D凹槽
ridge : 根据border-color的值画菱形边框
inset : 根据border-color的值画3D凹边
outset : 根据border-color的值画3D凸边
说明:
如果提供全部四个参数值,将按上-右-下-左的顺序作用于四个边框。
如果只提供一个,将用于全部的四条边。
如果提供两个,第一个用于上-下
,第二个用于左-右。
如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
如果border-width不大于0,本属性将失去作用。
对应的脚本特性为borderStyle。请参阅我编写的其他书目。
示例:
body { border-style: double groove; }
body { border-style: double groove dashed; }
border-width : medium | thin | thick | length
参数:
medium : 默认宽度
thin : 小于默认宽度
thick : 大于默认宽度
length : 由浮点数字和单位标识符组成的长度值。不可为负值。请参阅长度单位
说明:
如果提供全部四个参数值,将按上-右-下-左的顺序作用于四个边框。
如果只提供一个,将用于全部的四条边。
如果提供两个,第一个用于上-下,第二个用于左-右。
如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
如果border-style设置为none,本属性将失去作用。
对应的脚本特性为borderWidth。请参阅我编写的其他书目。
示例:
span { border-style: solid; border-width: thin; }
span { border-style: solid; border-width: 1px thin; }
border-top : border-width || border-style || border-color
参数:
该属性是复合属性。请参阅各参数对应的属性。
说明:
请参阅border属性。
对应的脚本特性为borderTop。请参阅我编写的其他书目。
示例:
div { border-bottom: 25px solid red; border-left: 25px solid yellow; border-right: 25px solid blue; border-top: 25px solid green; }
border-top-color : color
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
说明:
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
如果border-width等于0或border-style设置为none,本属性将失去作用。
对应的脚本特性为borderTopColor。请参阅我编写的其他书目。
示例:
div { border-top-color: red; border-bottom-color: RGB(223, 94, 77); border-right-color: red; border-left-color: black;}
border-top-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
参数:
none : 无边框。与任何指定的border-width值无关
hidden : 隐藏边框。IE不支持
dotted : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线
dashed : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线
solid : 实线边框
double : 双线边框。两条单线与其间隔的和等于指定的border-width值
groove : 根据border-color的
值画3D凹槽
ridge : 根据border-color的值画菱形边框
inset : 根据border-color的值画3D凹边
outset : 根据border-color的值画3D凸边
说明:
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
如果border-width不大于0,本属性将失去作用。
对应的脚本特性为borderTopStyle。请参阅我编写的其他书目。
示例:
body { border-top-style: double; border-bottom-style: groove; border-left-style: dashed; border-right-style: dotted; }
border-top-width : medium | thin | thick | length
参数:
medium : 默认宽度
thin : 小于默认宽度
thick : 大于默认宽度
length : 由浮点数字和单位标识符组成的长度值。不可为负值。请参阅长度单位
说明:
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
如果border-style设置为none,本属性将失去作用。
对应的脚本特性为borderTopWidth。请参阅我编写的其他书目。
示例:
span { border-top-width: thin; border-top-style: solid; }
span { border-bottom-width: thin; border-bottom-style: solid; }
span { border-left-width: thin; border-left-style: solid; }
span { border-right-width: thin; border-right-style: solid; }
border-right : border-width || border-style || border-color
参数:
该属性是复合属性。请参阅各参数对应的属性。
说明:
请参阅border属性。
对应的脚本特性为borderRight。请参阅我编写的其他书目。
示例:
div { border-bottom: 25px solid red; border-left: 25px solid yellow; border-right: 25px solid blue; border-top: 25px solid green; }
border-right-color : color
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
说明:
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
如果border-width等于0或border-style设置为none,本属性将失去作用。
对应的脚本特性为borderRightColor。请参阅我编写的其他书目。
示例:
div { border-top-color: red; border-bottom-color: RGB(223, 94, 77); border-right-color: red; border-left-color: black;}
border-right-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
参数:
none : 无边框。与任何指定的border-width值无关
hidden : 隐藏边框。IE不支持
dotted : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线
dashed : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线
solid : 实线边框
double : 双线边框。两条单线与其间隔的和等于指定的border-width值
groove : 根据border-color的值画3D凹槽
ridge : 根据border-color的值画菱
形边框
inset : 根据border-color的值画3D凹边
outset : 根据border-color的值画3D凸边
说明:
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
如果border-width不大于0,本属性将失去作用。
对应的脚本特性为borderRightStyle。请参阅我编写的其他书目。
示例:
body { border-top-style: double; border-bottom-style: groove; border-left-style: dashed; border-right-style: dotted; }
border-right-width : medium | thin | thick | length
参数:
medium : 默认宽度
thin : 小于默认宽度
thick : 大于默认宽度
length : 由浮点数字和单位标识符组成的长度值。不可为负值。请参阅长度单位
说明:
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
如果border-style设置为none,本属性将失去作用。
对应的脚本特性为borderRightWidth。请参阅我编写的其他书目。
示例:
span { border-top-width: thin; border-top-style: solid; }
span { border-bottom-width: thin; border-bottom-style: solid; }
span { border-left-width: thin; border-left-style: solid; }
span { border-right-width: thin; border-right-style: solid; }
border-bottom : border-width || border-style || border-color
参数:
该属性是复合属性。请参阅各参数对应的属性。
说明:
请参阅border属性。
对应的脚本特性为borderBottom。请参阅我编写的其他书目。
示例:
div { border-bottom: 25px solid red; border-left: 25px solid yellow; border-right: 25px solid blue; border-top: 25px solid green; }
border-bottom-color : color
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
说明:
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
如果border-width等于0或border-style设置为none,本属性将失去作用。
示例:
div { border-top-color: red; border-bottom-color: RGB(223, 94, 77); border-right-color: red; border-left-color: black;}
border-bottom-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
参数:
none : 无边框。与任何指定的border-width值无关
hidden : 隐藏边框。IE不支持
dotted : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线
dashed : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线
solid : 实线边框
double : 双线边框。两条单线与其间隔的和等于指定的border-width值
groove : 根据border-color的值画3D凹槽
ridge : 根据border-color的值画菱形边框
inset : 根据border-color的值画3D凹边
outset : 根据border-color的值画3D凸边
说明:
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
如果border-width不大于0,本属性将失去作用。
对应的脚本特性为borderBottomStyle。请参阅我编写的其他书目。
示例:
body { border-top-style: double; border-bottom-style: groove; border-left-style: dashed; border-right-style: dotted; }
border-bottom-width : medium | thin | thick | length
参数:
medium : 默认宽度
thin : 小于默认宽度
thick : 大于默认宽度
length : 由浮点数字和单位标识符组成的长度值。不可为负值。请参阅长度单位
说明:
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
如果border-style设置为none,本属性将失去作用。
对应的脚本特性为borderBottomWidth。请参阅我编写的其他书目。
示例:
span { border-top-width: thin; border-top-style: solid; }
span { border-bottom-width: thin; border-bottom-style: solid; }
span { border-left-width: thin; border-left-style: solid; }
语法:
border-left : border-width || border-style || border-color
参数:
该属性是复合属性。请参阅各参数对应的属性。
说明:
请参阅border属性。
对应的脚本特性为borderLeft。请参阅我编写的其他书目。
示例:
div { border-bottom: 25px solid red; border-left: 25px solid yellow; border-right: 25px solid blue; border-top: 25px solid green; }
语法:
border-left-color : color
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
说明:
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
如果border-width等于0或border-style设置为none,本属性将失去作用。
对应的脚本特性为borderLeftColor。请参阅我编写的其他书目。
示例:
div { border-top-color: red; border-bottom-color: RGB(223, 94, 77); border-right-color: red; border-left-color: black;}
语法:
border-left-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
参数:
none : 无边框。与任何指定的border-width值无关
hidden : 隐藏边框。IE不支持
dotted : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线
dashed : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线
solid : 实线边框
double : 双线边框。两条单线与其间隔的和等于指定的border-width值
groove : 根据border-color的值画3D凹槽
ridge : 根据border-color的值画菱形边框
inset : 根据border-color的值画3D凹边
outset : 根据border-color的值画3D凸边
说明:
要使用该属性,必须先设定对象的height或width属性,或者
设定position属性为absolute。
如果border-width不大于0,本属性将失去作用。
对应的脚本特性为borderLeftStyle。请参阅我编写的其他书目。
示例:
body { border-top-style: double; border-bottom-style: groove; border-left-style: dashed; border-right-style: dotted; }
border-left-width : medium | thin | thick | length
参数:
medium : 默认宽度
thin : 小于默认宽度
thick : 大于默认宽度
length : 由浮点数字和单位标识符组成的长度值。不可为负值。请参阅长度单位
说明:
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
如果border-style设置为none,本属性将失去作用。
对应的脚本特性为borderLeftWidth。请参阅我编写的其他书目。
示例:
======边框over============
======内容开始===============
include-source : url (url)
参数:
url : 使用绝对或相对地址指定插入文档。假如该文档不存在,当前对象的内容将被显示
说明:
这个属性插入另一个文档到当前文档,取代当前对象的内容。插入文档的样式属性从当前对象继承。
目前IE5.5尚不支持此属性。
对应的脚本特性为includeSource。请参阅我编写的其他书目。
示例:
div { position: absolute; top: 100px; left: 300px; width: 200px; height: 200px; border: thin solid black; include-source: url("http://www.example.com/testpage.htm"); }
quotes : none | string
参数:
none : content属性的open-quote和close-quote值将不会生成任何嵌套标记
string : 用引号括起的嵌套标记定义。两个为一组。第一个string定义前标记(例:"<"),第二个string定义后标记(例:">")。组之间用空格格开。嵌套标记的应用深度按定义顺序内推
说明:
设置或检索对象内使用的嵌套标记。
目前IE5.5尚不支持此属性。
对应的脚本特性为quotes。请参阅我编写的其他书目。
示例:
blockquote[lang-=fr] { quotes: "\201C" "\201D" }
blockquote[lang-=en] { quotes: "\00AB" "\00BB" }
blockquote:before { content: open-quote }
blockquote:after { content: close-quote }
q { quotes: """ """ "'" "'"; }
<q>This is an <q>emedded</q> quote.</q>
显示结果如下:
"This is an 'embedded' quote."
content : attr(alt) | counter(name) | counter(name, list-style-type) | counters(name, string) | counters(name, string, list-style-type) | no-close-quote | no-open-quote | close-quote | open-quote | string | url (url)
参数:
attr(alt) : 使用alt特性的文字
counter(name) : 使用已命名的计数器
counter(name, list-style-type) : 使用已命名的计数器并遵从指定的list-style-type属性
counters(name, string) : 使用所有已命名的计数器
counters(name,
string, list-style-type) : 使用所有已命名的计数器并遵从指定的list-style-type属性
no-close-quote : 并不插入quotes属性的后标记。但增加其嵌套级别
no-open-quote : 并不插入quotes属性的前标记。但减少其嵌套级别
close-quote : 插入quotes属性的后标记
open-quote : 插入quotes属性的前标记
string : 使用用引号括起的字符串
url : 使用指定的绝对或相对地址
说明:
用来和:after及:before 伪元素一起使用,在对象前或后显示内容。
目前IE5.5尚不支持此属性。
对应的脚本特性为content。请参阅我编写的其他书目。
示例:
p:after { content: url("http:www.devguru.com"); text-decoration: none; }
p:before { content: url("beep.wav") }
counter-increment : none | identifier number
参数:
none : 阻止计数器增加
identifier number : identifier定义一个将被增加selector,id,或者class。number定义增加的数值。可以为负值。默认值是1
说明:
设定当一个selector发生时计数器增加的值。
目前IE5.5尚不支持此属性。
对应的脚本特性为counterIncrement。请参阅我编写的其他书目。
示例:
p:before { content: "paragraph" counter(paragraph); counter-increment: paragraph; }
counter-reset : none | identifier number
参数:
none : 阻止计数器复位
identifier number : 指定一个或多个复位的计数器
说明:
将指定selector的计数器复位。默认值是0。
目前IE5.5尚不支持此属性。
对应的脚本特性为counterReset。请参阅我编写的其他书目。
示例:
h1:before { counter-increment: main-heading; counter-reset: sub-heading; content: "Section " counter(main-heading) ":" }
============内容over=====
=====内补丁 Padding开始 =======
padding : length
参数:
length : 由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的宽度。请参阅长度单位
说明:
检索或设置对象四边的补丁边距。
如果提供全部四个参数值,将按上-右-下-左的顺序作用于四边。
如果只提供一个,将用于全部的四条边。
如果提供两个,第一个用于上-下,第二个用于左-右。
如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。
内联对象要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
不允许负值。
对应的脚本特性为padding。请参阅我编写的其他书目。
关于对象的尺寸与边框,内外补丁等样式表属性的关系,请参看图例以及height和width属性。
示例:
body { padding: 36pt 24pt 36pt; }
body { padding: 11.5%; }
body { padding: 10% 10% 10% 10%; }
padding-top : length
参数
:
length : 由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的宽度。请参阅长度单位
说明:
检索或设置对象顶边的补丁边距。
内联对象要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
不允许负值。
对应的脚本特性为paddingTop。请参阅我编写的其他书目。
示例:
body { padding-top: 36pt; }
padding-right : length
参数:
length : 由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的宽度。请参阅长度单位
说明:
检索或设置对象右边的补丁边距。
内联对象要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
不允许负值。
对应的脚本特性为paddingRight。请参阅我编写的其他书目。
示例:
body { padding-right: 36pt; }
padding-bottom : length
参数:
length : 由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的宽度。请参阅长度单位
说明:
检索或设置对象底边的补丁边距。
内联对象要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
不允许负值。
对应的脚本特性为paddingBottom。请参阅我编写的其他书目。
示例:
body { padding-bottom: 36pt; }
padding-bottom : length
参数:
length : 由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的宽度。请参阅长度单位
说明:
检索或设置对象底边的补丁边距。
内联对象要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
不允许负值。
对应的脚本特性为paddingBottom。请参阅我编写的其他书目。
示例:
body { padding-bottom: 36pt; }
=====内补丁 over =======
======列表项目 Lists开始======
list-style : list-style-image || list-style-position || list-style-type
参数:
该属性是复合属性。请参阅各参数对应的属性。
说明:
设置列表项目相关内容。
对应的脚本特性为listStyle。请参阅我编写的其他书目。
示例:
li { list-style: url("http://www.dhtmlet.com/devgurupix.gif"), inside, circle; }
ul { list-style: outside, upper-roman; }
ol { list-style: square; }
list-style-image : none | url (url)
参数:
none : 不指定图像
url : 使用绝对或相对地址指定背景图像
说明:
设置或检索作为对象的列表项标记的图像。
若list-style-image属性为none或指定图像不可用时,list-style-type属性将发生作用。
对应的脚本特性为listStyleImage。请参阅我编写
的其他书目。
示例:
ul.out { list-style-position: outside; list-style-image: url("images/ie.gif"); }
list-style-position : outside | inside
参数:
outside : 列表项目标记放置在文本以外,且环绕文本不根据标记对齐
inside : 列表项目标记放置在文本以内,且环绕文本根据标记对齐
说明:
设置或检索作为对象的列表项标记如何根据文本排列。
仅作用于具有display值等于list-item的对象(如li对象)。
注意:ol对象和ul对象的type特性为其后的所有列表项目(如li对象)指明列表属性。请参阅我的其他著作。
对应的脚本特性为listStylePosition。请参阅我编写的其他书目。
示例:
ul.in { display: list-item; list-style-position: inside; }
list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin
参数:
disc : CSS1 实心圆
circle : CSS1 空心圆
square : CSS1 实心方块
decimal : CSS1 阿拉伯数字
lower-roman : CSS1 小写罗马数字
upper-roman : CSS1 大写罗马数字
lower-alpha : CSS1 小写英文字母
upper-alpha : CSS1 大写英文字母
none : CSS1 不使用项目符号
armenian : CSS2 传统的亚美尼亚数字
cjk-ideographic : CSS2 浅白的表意数字
georgian : CSS2 传统的乔治数字
lower-greek : CSS2 基本的希腊小写字母
hebrew : CSS2 传统的希伯莱数字
hiragana : CSS2 日文平假名字符
hiragana-iroha : CSS2 日文平假名序号
katakana : CSS2 日文片假名字符
katakana-iroha : CSS2 日文片假名序号
lower-latin : CSS2 小写拉丁字母
upper-latin : CSS2 大写拉丁字母
说明:
设置或检索对象的列表项所使用的预设标记。
若list-style-image属性为none或指定图像不可用时,list-style-type属性将发生作用。
仅作用于具有display值等于list-item的对象(如li对象)。
注意:ol对象和ul对象的type特性为其后的所有列表项目(如li对象)指明列表属性。请参阅我的其他著作。
IE5.5尚不支持所有CSS2的值。
对应的脚本特性为listStyleType。请参阅我编写的其他书目。
示例:
li { list-style-type: square }
marker-offset : auto | length
参数:
auto : 浏览器自动设置间距
length : 由浮点数字和单位标识符组成的长度值。可为负值。请参阅长度单位
说明:
设置或检索标记容器和主容器之间水平补白。即两个容器靠近的一边的间距。
目前IE5.5尚不支持此属性。
对应的脚本特性为markerOffset。请参阅我编写的其他书目。
示
例:
li:before { display: marker; marker-offset: 5px; }
======列表项目 over======
=======表格 Table开始 =======
border-collapse : separate | collapse
参数:
separate : 边框独立(标准HTML)
rtl : 相邻边被合并
说明:
设置或检索表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开。
对应的脚本特性为borderCollapse。请参阅我编写的其他书目。
示例:
table { border-collapse: separate; }
border-spacing : length || length
参数:
length : 由浮点数字和单位标识符组成的长度值。不可为负值。请参阅长度单位
说明:
设置或检索当表格边框独立(例如当border-collapse属性等于separate时),行和单元格的边框在横向和纵向上的间距。
当只指定一个length值时,这个值将作用于横向和纵向上的间距。当指定了全部两个length值时,第一个作用于横向间距,第二个作用于纵向间距。
目前IE5.5尚不支持此属性。
对应的脚本特性为borderSpacing。请参阅我编写的其他书目。
示例:
table { border-collapse: separate; border-spacing: 10px; }
caption-side : bottom | left |right | top
参数:
bottom : 下面
left : 左边
right : 右边
top : 下面
说明:
设置或检索表格的caption对象是在表格的那一边。它是和caption对象一起使用的属性。
目前IE5.5尚不支持此属性。
对应的脚本特性为captionSide。请参阅我编写的其他书目。
示例:
table caption { caption-side: top; width: auto; text-align: left; }
empty-cells : hide | show
参数:
hide : 隐藏
show : 显示
说明:
设置或检索当表格的单元格无内容时,是否显示该单元格的边框。
只有当表格边框独立(例如当border-collapse属性等于separate时)此属性才起作用。
目前IE5.5尚不支持此属性。
对应的脚本特性为emptyCells。请参阅我编写的其他书目。
示例:
table { caption-side: top; width: auto; border-collapse: separate; empty-cells: hide; }
table-layout : auto | fixed
参数:
auto : 默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢
fixed : 固定布局的算法。在这算法中,水平布局是仅仅基于表格的宽度,表格边框的宽度,单元格间距,列的宽度,而和表格内容无关
说明:
设置或检索表格的布局算法。
对应的脚本特性为tableLayout。请参阅我编写的其他书目。
示例:
table { table-layout: auto; }
speak-header : once | always
参数:
once : 所有的单元格只有一个表格头
fixed : 每一组单元格对应一个表头
说明:
设置或检索表格头与其后的一系列单元格发生多少次关系。
目前IE5.5尚不支持此属性。
对应的脚本特性为speakHeader。请参阅我编写的其他书目。
=======表格 over =======
======滚动条 Scrollbars 开始 =======
scrollbar-3d-light-color : color
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
说明:
设置或检索滚动条亮边框颜色。
请参阅overflow属性 。
对应的脚本特性为scrollbar3dLightColor。请参阅我编写的其他书目。
示例:
div {scrollbar-3d-light-color :threedhighlight; }
scrollbar-highlight-color : color
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
说明:
设置或检索滚动条3D界面的亮边(ThreedHighlight)颜色。
请参阅overflow属性 。
对应的脚本特性为scrollbarHighlightColor。请参阅我编写的其他书目。
示例:
div {scrollbar-highlight-color :threedhighlight; }
scrollbar-face-color : color
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
说明:
设置或检索滚动条3D表面(ThreedFace)的颜色。
请参阅overflow属性 。
对应的脚本特性为scrollbarFaceColor。请参阅我编写的其他书目。
示例:
div {scrollbar-face-color : threedface; }
scrollbar-arrow-color : color
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
说明:
设置或检索滚动条方向箭头的颜色。当滚动条出现但不可用时,此属性失效。
请参阅overflow属性 。
对应的脚本特性为scrollbarArrowColor。请参阅我编写的其他书目。
示例:
div {scrollbar-arrow-color : buttontext; }
scrollbar-shadow-color : color
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
说明:
设置或检索滚动条3D界面的暗边(ThreedShadow)颜色。
请参阅overflow属性 。
对应的脚本特性为scrollbarShadowColor。请参阅我编写的其他书目。
示例:
div {scrollbar-shadow-color :ThreedDarkShadow; }
scrollbar-dark-shadow-color : color
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
说明:
设置或检索滚动条暗边框(ThreedDarkShadow)颜色。
请参阅overflow属性 。
对应的脚本特性为scrollbarDarkShadowColor。请参阅我编写的其他书目。
示例:
div {scrollbar-dark-shadow-color :threeddarkshadow; }
scrollbar-base-color : color
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
说明:
设置或检索滚动条基准颜色。其它界面颜色将据此自动调整。
请参阅overflow属性 。
对应的脚本特性为scrollbarBaseColor。请参阅我编写的其他
==== 字体开始=======
font : font-style || font-variant || font-weight || font-size || line-height || font-family
font : caption | icon | menu | message-box | small-caption | status-bar
参数:
该属性是复合属性。第一种声明方式请参阅各参数对应的属性。
第二种声明方式中的参数属于CSS2。
caption : 使用有标题的系统控件的文本字体(如按钮,菜单等)
icon : 使用图标标签的字体
menu : 使用菜单的字体
message-box : 使用信息对话框的文本字体
small-caption : 使用小控件的字体
status-bar : 使用窗口状态栏的字体
说明:
设置或检索对象中的文本特性。该属性是复合属性。
第一种声明方式参数必须按照如上的排列顺序。每个参数仅允许有一个值。忽略的将使用其参数对应的独立属性的默认值。
对于如何使用用户端系统可能没有的字体,可以参阅@font-face规则。
对应的脚本特性为font。请参阅我编写的其他书目。
示例:
p { font: italic small-caps 600 12pts/18pts 宋体; }
p { font: italic small-caps 600 12pts/150% Courier; }
p { font: italic small-caps 600 12pts/1.5 Courier; }
p { font: italic small-caps 600 12pts/18pts Courier; }
p { font: /18pts serif; }
p { font: oblique 100 24pts; }
H1 { font: 15pt/17pt bold "Arial" normal }
color : color
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
说明:
检索或设置对象的文本颜色。无默认值。
注意,用颜色名称指定color不被一些浏览器接受。
对应的脚本特性为color。请参阅我编写的其他书目。
示例:
div {color: #345456; }
div { color: rgb(100,14,200); }
div {color: menu; }
div {color: red; }
font-family : name
font-family : cursive | fantasy | monospace | serif | sans-serif
参数:
name : 字体名称。按优先顺序排列。以逗号隔开。如果字体名称包含空格,则应使用引号括起
第二种声明方式使用所列出的字体序列名称。如果使用fantasy序列,将提供默认字体序列
说明:
设置或检索用于对象中文本的字体名称序列。
默认值由浏览器确定。
序列可包含嵌入字体字体。请参阅@font-face规则。
对应的脚本特性为fontFamily。请参阅我编写的其他书目。
示例:
div.fixedwidth { font-family: Courier, "Courier New", monospace }
font-family : name
font-family : cursive | fantasy | monospace | serif | sans-serif
参数:
name : 字体名称。按优先顺序排列。以逗号隔开。如果字体名称包含空格,则应使用引号括起
第二种声明方式使用所列出的字体序列名称。如果使用fantasy序列,将提供默认字体序列
说明:
设置或检索用于对象中文本的字体名称序列。
默认值由浏览器确定
。
序列可包含嵌入字体字体。请参阅@font-face规则。
对应的脚本特性为fontFamily。请参阅我编写的其他书目。
示例:
div.fixedwidth { font-family: Courier, "Courier New", monospace }
语法:
font-size-adjust : none | number
参数:
none : 允许字体序列中每一字体遵守它的自己的尺寸
number : 为字体序列中所有字体强迫指定同一尺寸
说明:
设置或检索用于对象中文本的字体名称序列是否强制使用同一尺寸。
目前IE5.5尚不支持此属性。
对应的脚本特性为fontSizeAdjust。请参阅我编写的其他书目。
示例:
p { font-family: arial, courier; font-size-adjust: none; }
p { font-family: verdana, courier; font-size-adjust: .56; }
font-size-adjust : none | number
参数:
none : 允许字体序列中每一字体遵守它的自己的尺寸
number : 为字体序列中所有字体强迫指定同一尺寸
说明:
设置或检索用于对象中文本的字体名称序列是否强制使用同一尺寸。
目前IE5.5尚不支持此属性。
对应的脚本特性为fontSizeAdjust。请参阅我编写的其他书目。
示例:
p { font-family: arial, courier; font-size-adjust: none; }
p { font-family: verdana, courier; font-size-adjust: .56; }
font-stretch : normal | narrower | wider | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded
参数:
normal : 不应用拉伸变形
narrower : 使用比当前设置的值导致字体宽度更小的值
wider : 使用比当前设置的值导致字体宽度更大的值
说明:
设置或检索用于对象中文本的文字是否横向的拉伸变形。
改变是相对于浏览器显示的字体的正常宽度的。
目前IE5.5尚不支持此属性。
对应的脚本特性为fontStretch。请参阅我编写的其他书目。
示例:
p { font-stretch: wider; }
p { font-stretch: ultra-expanded; }
font-stretch : normal | narrower | wider | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded
参数:
normal : 不应用拉伸变形
narrower : 使用比当前设置的值导致字体宽度更小的值
wider : 使用比当前设置的值导致字体宽度更大的值
说明:
设置或检索用于对象中文本的文字是否横向的拉伸变形。
改变是相对于浏览器显示的字体的正常宽度的。
目前IE5.5尚不支持此属性。
对应的脚本特性为fontStretch。请参阅我编写的其他书目。
示例:
p { font-stretch: wider; }
p { font-stretch: ultra-expanded; }
语法:
font-style : normal | italic | oblique
参数:
normal : 正常的字体
italic : 斜体。对于没有斜体变量的特殊字体,将应用oblique
obl
ique : 倾斜的字体
说明:
设置或检索对象中的字体样式。
对应的脚本特性为fontStyle。请参阅我编写的其他书目。
示例:
p { font-style: normal; }
p { font-style: italic; }
p { font-style: oblique; }
font-weight : normal | bold | bolder | lighter | number
参数:
normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置
bold : 粗体。相当于number为700。也相当于b对象的作用
bolder : IE5+ 特粗体
lighter : IE5+ 细体
number : IE5+ 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
说明:
设置或检索对象中的文本字体的粗细。
作用由用户端系统安装的字体的特定字体变量映射决定。系统选择最近的匹配。也就是说,用户可能看不到不同值之间的差异。
对应的脚本特性为fontWeight。请参阅我编写的其他书目。
示例:
span { font-weight:800; }
text-decoration : none || underline || blink || overline || line-through
参数:
none : 无装饰
blink : 闪烁
underline : 下划线
line-through : 贯穿线
overline : 上划线
说明:
检索或设置对象中的文本的装饰。
有href特性的a,以及u,ins对象默认值为underline 。
对象strike,s,del,默认值是line-through。
没有文本的对象此属性不会作用。
对应的脚本特性为textDecoration。请参阅我编写的其他书目。
示例:
div { text-decoration : underline; }
div { text-decoration : underline overline; }
text-underline-position : below | above
参数:
below : 在文本下面
above : 在文本上面
说明:
设置或检索text-decoration属性定义的下划线的位置。
对应的脚本特性为textUnderlinePosition。请参阅我编写的其他书目。
示例:
p { text-underline-position: above; text-decoration: underline; }
text-shadow : color || length || lenth|| opacity
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
length : 由浮点数字和单位标识符组成的长度值。可为负值。第一个length指定阴影的水平延伸距离。第二个length指定阴影的垂直延伸距离。请参阅长度单位
opacity : 由浮点数字和单位标识符组成的长度值。不可为负值。指定模糊效果的作用距离。如果你仅仅需要模糊效果,将前两个length全部设定为0。请参阅长度单位
说明:
设置或检索对象中文本的文字是否有阴影及模糊效果。
可以设定多组效果,方式是用逗号隔开。
可以被用于伪类:first-letter和 :first-line。
目前IE5.5尚不支持此属性。
对应的脚本特性为textShadow。请参阅我编写的其他书目。
示例:
p { text-shadow: 0px 0px 20px yellow, 0px 0px 10px orange, red 5px -5px; }
p:fir
st-letter { font-size: 36px; color: red; text-shadow: red 0px 0px 5px;}
font-variant : normal | small-caps
参数:
normal : 正常的字体
small-caps : 小型的大写字母字体
说明:
设置或检索对象中的文本是否为小型的大写字母。
对应的脚本特性为fontVariant。请参阅我编写的其他书目。
示例:
span { font-variant: small-caps; }
text-transform : none | capitalize | uppercase | lowercase
参数:
none : 无转换发生
capitalize : 将每个单词的第一个字母转换成大写,其余无转换发生
uppercase : 转换成大写
lowercase : 转换成小写
说明:
检索或设置对象中的文本的大小写。
对应的脚本特性为textTransform。请参阅我编写的其他书目。
示例:
div { text-transform : uppercase; }
语法:
line-height : normal | length
参数:
normal : 默认行高
length : 百分比数字 | 由浮点数字和单位标识符组成的长度值,允许为负值。其百分比取值是基于字体的高度尺寸。请参阅长度单位
说明:
检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离。
如行内包含多个对象,则应用最大行高。此时行高不可为负值。
对应的脚本特性为lineHeight。请参阅我编写的其他书目。
示例:
div {line-height:6px; }
div {line-height:10.5; }
letter-spacing : normal | length
参数:
normal : 默认间隔
length : 由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位
说明:
检索或设置对象中的文字之间的间隔。
该属性将指定的间隔添加到每个文字之后,但最后一个字将被排除在外。
对应的脚本特性为letterSpacing。请参阅我编写的其他书目。
示例:
div {letter-spacing:6px; }
div {letter-spacing:0.5pt; }
letter-spacing : normal | length
参数:
normal : 默认间隔
length : 由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位
说明:
检索或设置对象中的文字之间的间隔。
该属性将指定的间隔添加到每个文字之后,但最后一个字将被排除在外。
对应的脚本特性为letterSpacing。请参阅我编写的其他书目。
示例:
div {letter-spacing:6px; }
div {letter-spacing:0.5pt; }
word-spacing : normal | length
参数:
normal : 默认间距
length : 由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位
说明:
检索或设置对象中的单词之间插入的空格数。对于IE4+而言仅在MAC平台上可用。
对应的脚本特性为wordSpacing。请参阅我编写的其他书目。
示例:
div { word-spacing : 10; }
div { word-spacing : 10
px; }
======字体结束===========
======文本开始============
text-indent : length
参数:
length : 百分比数字|由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位
说明:
检索或设置对象中的文本的缩进。
在被另一个对象(如)断开的对象内不能应用本属性。
对应的脚本特性为textIndent。请参阅我编写的其他书目。
示例:
div { text-indent : -5px; }
div { text-indent : underline 10%; }
text-overflow : clip | ellipsis
参数:
clip : 不显示省略标记(...),而是简单的裁切
ellipsis : 当对象内文本溢出时显示省略标记(...)
说明:
设置或检索是否使用一个省略标记(...)标示对象内文本的溢出。
对应的脚本特性为textOverflow。请参阅我编写的其他书目。
示例:
div { text-overflow : clip; }
vertical-align : baseline |sub | super |top |text-top |middle |bottom |text-bottom |length
参数:
baseline : 将支持valign特性的对象的内容与基线对齐
sub : 垂直对齐文本的下标
super : 垂直对齐文本的上标
top : 将支持valign特性的对象的内容与对象顶端对齐
text-top : 将支持valign特性的对象的文本与对象顶端对齐
middle : 将支持valign特性的对象的内容与对象中部对齐
bottom : 将支持valign特性的对象的文本与对象底端对齐
text-bottom : 将支持valign特性的对象的文本与对象顶端对齐
length : CSS2 由浮点数字和单位标识符组成的长度值 | 或者百分数。可为负数。定义由基线算起的偏移量。基线对于数值来说为0,对于百分数来说就是0%。目前IE5尚不支持。请参阅长度单位
说明:
设置或检索对象内容的垂直对其方式。
对应的脚本特性为verticalAlign。请参阅我编写的其他书目。
示例:
td { vertical-align : center; }
text-align : left | right | center | justify
参数:
left : 左对齐
right : 右对齐
center : 居中
justify : 两端对齐
说明:
设置或检索对象中文本的对齐方式。
对应的脚本特性为textAlign。请参阅我编写的其他书目。
示例:
div { text-align : center; }
layout-flow : horizontal | vertical-ideographic
参数:
horizontal : 对象中的内容自左边流入。下一行在前一行下面。这个值适于拉丁语系
vertical-ideographic : 对象中的内容自上而下流入,下一行在前一行左面。这个值适于亚洲语系
说明:
设置或检索对象内文本的流动和方向。
当此属性值发生变化时,text-align属性与vertical-align属性的作用也将发生变化。
对应的脚本特性为layoutFlow。请参阅我编写的其他书目。
示例
:
div { layout-flow : horizontal; }
layout-flow : horizontal | vertical-ideographic
参数:
horizontal : 对象中的内容自左边流入。下一行在前一行下面。这个值适于拉丁语系
vertical-ideographic : 对象中的内容自上而下流入,下一行在前一行左面。这个值适于亚洲语系
说明:
设置或检索对象内文本的流动和方向。
当此属性值发生变化时,text-align属性与vertical-align属性的作用也将发生变化。
对应的脚本特性为layoutFlow。请参阅我编写的其他书目。
示例:
div { layout-flow : horizontal; }
writing-mode : lr-tb | tb-rl
参数:
lr-tb : 左-右,上-下
tb-rl : 上-下,右-左
说明:
设置或检索对象的内容块固有的书写方向。西方语言确省的是左-右,上-下的书写方式。但是亚洲语言常有上-下,右-左的书写方式。
当此属性值发生变化时,text-align属性与vertical-align属性的作用也将发生变化。
对应的脚本特性为writingMode。请参阅我编写的其他书目。
示例:
div { writing-mode: tb-rl; }
direction : ltr | rtl | inherit
参数:
ltr : 文本流从左到右
rtl : 文本流从右到左
inherit : 文本流的值不可继承
说明:
用于设置文本流的方向。
假如您想应用direction属性于内联文本,您必须设定unicode-bidi属性为embed或bidi-override。
对应的脚本特性为direction。请参阅我编写的其他书目。
示例:
div { direction: rtl; unicode-bidi: bidi-override; }
unicode-bidi : normal | bidi-override | embed
参数:
normal : 对象不打开附加的嵌入层,对于内联要素,隐式重排序跨对象边界进行工作
embed : 对象打开附加的嵌入层,direction属性的值指定嵌入层,在对象内部进行隐式重排序
bidi-override : 严格按照direction属性的值重排序。忽略隐式双向运算规则
说明:
用于同一个页面里存在从不同方向读进的文本显示。与direction属性一起使用。
假如您想应用direction属性于内联文本,您必须设定unicode-bidi属性为embed或bidi-override。
对应的脚本特性为unicodeBidi。请参阅我编写的其他书目。
示例:
div { direction: rtl; unicode-bidi: bidi-override; }
word-break : normal | break-all | keep-all
参数:
normal : 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行
break-all : 该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all : 与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本
说明:
设置或检索对象内文本的字内
换行行为。尤其在出现多种语言时。
对于中文,应该使用break-all 。
对应的脚本特性为wordBreak。请参阅我编写的其他书目。
示例:
div {word-break : break-all; }
line-break : normal | strict
参数:
normal : 应用日文文本的默认换行规则
strict : 强制日文文本换行规则的严谨性
说明:
设置或检索用于日文文本的换行规则。
对应的脚本特性为lineBreak。请参阅我编写的其他书目。
示例:
div { line-break : strict; }
white-space : normal | pre | nowrap
参数:
normal : 默认处理方式
pre : 用等宽字体显示预先格式化的文本。不合并字间的空白距离和进行两端对齐。参阅pre对象
nowrap : 强制在同一行内显示所有文本,直到文本结束或者遭遇br对象。参阅td,div等对象的nowrap属性(特性)
说明:
设置或检索对象内空格的处理方式。
对应的脚本特性为whiteSpace。请参阅我编写的其他书目。
示例:
p { white-space: nowrap; }
word-wrap : normal | break-word
参数:
normal : 允许内容顶开指定的容器边界
break-word : 内容将在边界内换行。如果需要,词内换行(word-break)也行发生
说明:
设置或检索当当前行超过指定容器的边界时是否断开转行。
对应的脚本特性为wordWrap。请参阅我编写的其他书目。
示例:
div { word-wrap: break-word; }
text-autospace : none | ideograph-alpha | ideograph-numeric | ideograph-parenthesis | ideograph-space
参数:
none : 无调整发生
ideograph-alpha : 表意字和非表意字(如Latin-based,Greek,Cyrillic,Arabic,Hebrew文本)之间创建额外空格
ideograph-numeric : 在表意字和数字字符之间创建额外空格
ideograph-parenthesis : 在常规(非宽度)插入语和表意字之间创建额外空格
ideograph-space : 当空格相邻表意字符时,扩展空格的宽度
说明:
设置或检索对象文本的自动空格和紧缩空格宽度调整的方式。
表意字是东亚编写系统中的字符,表示一个概念或方法,但不是一个特定的字或词。
对应的脚本特性为textAutospace。请参阅我编写的其他书目。
text-autospace : none | ideograph-alpha | ideograph-numeric | ideograph-parenthesis | ideograph-space
参数:
none : 无调整发生
ideograph-alpha : 表意字和非表意字(如Latin-based,Greek,Cyrillic,Arabic,Hebrew文本)之间创建额外空格
ideograph-numeric : 在表意字和数字字符之间创建额外空格
ideograph-parenthesis : 在常规(非宽度)插入语和表意字之间创建额外空格
ideograph-space : 当空格相邻表意字符时,扩展空格的宽度
说明:
设置或检索对象文本的自动空格和紧缩空格
宽度调整的方式。
表意字是东亚编写系统中的字符,表示一个概念或方法,但不是一个特定的字或词。
对应的脚本特性为textAutospace。请参阅我编写的其他书目。
语法:
text-kashida-space : length
参数:
length : 百分数。标示kashida膨胀与空格膨胀的比例。为100%,仅有kashida膨胀。为0%,仅有空格膨胀。缺省值为0%
说明:
设置或检索如何拉伸字符来调节文本行排列。它可以和text-justify属性一起使用。
对应的脚本特性为textKashidaSpace。请参阅我编写的其他书目。
示例:
div { text-kashida-space : 50%; }
text-justify : auto |inter-word | newspaper | distribute | distribute-all-lines | inter-ideograph
参数:
auto : 允许浏览器用户代理确定使用的两端对齐法则
inter-word : 通过增加字之间的空格对齐文本。该行为是对齐所有文本行最快的方法。它的两端对齐行为对段落的最后一行无效
newspaper : 通过增加或减少字或字母之间的空格对齐文本。是用于拉丁文字母表两端对齐的最精确格式
distribute : 处理空格很像newspaper,适用于东亚文档。尤其是泰国
distribute-all-lines : 两端对齐行的方式与distribute相同,也同样不包含两段对齐段落的最后一行。适用于表意字文档
inter-ideograph : 为表意字文本提供完全两端对齐。他增加或减少表意字和词间的空格
说明:
设置或检索对象内文本的对齐方式。
对应的脚本特性为textJustify。请参阅我编写的其他书目。
示例:
div {text-justify : auto; }
ruby-align : auto | left | center | right | distribute-letter | distribute-space | line-edge
参数:
auto : 由浏览器确定对齐方式。对于ideographic(东亚文本)以distribute-space值对齐。对于Latin文本以center值对齐
left : 根据基本宽度左对齐
center : 根据基本宽度居中对齐。如果基本宽度小于ruby文本的宽度,那么在ruby文本的宽度中居中基本宽度
right : 根据基本宽度右对齐
distribute-letter : 如果ruby文本的宽度小于基本宽度,则ruby文本在基本宽度中均匀分布。如果ruby文本的宽度大于或等于基本宽度,,居中对齐
distribute-space : 如果ruby文本的宽度小于基本宽度,则ruby文本在基本宽度中均匀分布。在ruby文本中,在第一个字符的前面后最后字符的后面有半个字距的空白区域。如果ruby文本的宽度大于或等于基本宽度,居中对齐
line-edge : 如果ruby文本不相邻行边缘,则其被居中。否则ruby文本行在基本文本边的上方
说明:
设置或检索通过rt对象指定的注释文本或发音指南(参考ruby对象)的对齐位置。
ruby对象及rt对象请参阅我的其他著
作。
对应的脚本特性为rubyAlign。请参阅我编写的其他书目。
示例:
ruby { ruby-align: right; }
ruby-position : above | inline
参数:
above : 在基本文本上方定位ruby文本
inline : ruby文本与基本文本内联
说明:
设置或检索通过rt对象指定的注释文本或发音指南(参考ruby对象)的位置。
ruby对象及rt对象请参阅我的其他著作。
对应的脚本特性为rubyPosition。请参阅我编写的其他书目。
示例:
ruby { ruby-position: above; }
ruby-overhang : auto | whitespace | none
参数:
auto : ruby文本突出相邻基本文本的任何其他文本
whitespace : ruby文本只突出空白区域的字符
none : ruby文本只突出相邻基本文本的任何其他文本
说明:
设置或检索通过rt对象指定的注释文本或发音指南(参考ruby对象)的位置。
ruby对象及rt对象请参阅我的其他著作。
对应的脚本特性为rubyOverhang。请参阅我编写的其他书目。
示例:
ruby { ruby-overhang: auto; }
ime-mode : auto | active | inactive | disabled
参数:
auto : 不影响IME的状态。与不指定ime-mode属性时相同
active : 指定所有使用IME输入的字符。即激活本地语言输入法。用户仍可以撤销激活IME
inactive : 指定所有不使用IME输入的字符。即激活非本地语言。用户仍可以撤销激活IME
disabled : 完全禁用IME。对于有焦点的控件(如输入框),用户不可以激活IME
说明:
设置或检索是否允许用户激活输入中文,韩文,日文等的输入法(IME)状态。
对应的脚本特性为imeMode。请参阅我编写的其他书目。
示例:
<input type=text style="ime-mode: auto; ">
ime-mode : auto | active | inactive | disabled
参数:
auto : 不影响IME的状态。与不指定ime-mode属性时相同
active : 指定所有使用IME输入的字符。即激活本地语言输入法。用户仍可以撤销激活IME
inactive : 指定所有不使用IME输入的字符。即激活非本地语言。用户仍可以撤销激活IME
disabled : 完全禁用IME。对于有焦点的控件(如输入框),用户不可以激活IME
说明:
设置或检索是否允许用户激活输入中文,韩文,日文等的输入法(IME)状态。
对应的脚本特性为imeMode。请参阅我编写的其他书目。
示例:
<input type=text style="ime-mode: auto; ">
layout-grid : layout-grid-mode || layout-grid-type || layout-grid-line || layout-grid-char || layout-grid-char-spacing
参数:
该属性是复合属性。请参阅各参数对应的属性。
说明:
设置或检索复合文档中指定文本字符版式的网格特性。
以东亚语言(如中文,日文)编写的文档通常根据一维或二维网格使用字符
的页面版式。
对应的脚本特性为layoutGrid。请参阅我编写的其他书目。
示例:
div { layout-grid:char line 12px 12px 5px; }
layout-grid-char : none | auto | length
参数:
none : 不指定行网格值
auto : 在对象文本中按最大字符确定网格
length : 百分数 | 由浮点数字和单位标识符组成的长度值,其百分比取值是基于父对象尺寸。请参阅长度单位
说明:
设置或检索应用于对象文本的字符网格值。
要实现此属性,layout-grid-mode必须设置为char或both。
其视觉效果类似于line-height属性。只应用于块对象(如div)。
以东亚语言(如中文,日文)编写的文档通常根据一维或二维网格使用字符的页面版式。
对应的脚本特性为layoutGridChar。请参阅我编写的其他书目。
示例:
div { layout-grid-char: auto; }
layout-grid-char-spacing : auto | length
参数:
auto : 在对象文本中按最大字符确定网格
length : 百分数 | 由浮点数字和单位标识符组成的长度值,其百分比取值是基于父对象尺寸。请参阅长度单位
说明:
设置或检索字符间隔。
要实现此属性,layout-grid-mode必须设置为char或both。layout-grid-type必须设置为loose。
其视觉效果类似于line-height属性。只应用于块对象(如div)。
以东亚语言(如中文,日文)编写的文档通常根据一维或二维网格使用字符的页面版式。
对应的脚本特性为layoutGridCharSpacing。请参阅我编写的其他书目。
示例:
div { layout-grid-char-spacing: auto; }
layout-grid-line : none | auto | length
参数:
none : 不指定行网格值
auto : 在对象文本中按最大字符确定网格
length : 百分数 | 由浮点数字和单位标识符组成的长度值,其百分比取值是基于父对象尺寸。请参阅长度单位
说明:
设置或检索应用于对象文本的行网格值。
要实现此属性,layout-grid-mode必须设置为line或both。
其视觉效果类似于line-height属性。只应用于块对象(如div)。
以东亚语言(如中文,日文)编写的文档通常根据一维或二维网格使用字符的页面版式。
对应的脚本特性为layoutGridLine。请参阅我编写的其他书目。
示例:
div { layout-grid-line: auto; }
layout-grid-mode : both | line | char | none
参数:
both : 指定char和line都被启用。要在一个对象上完全启用网格版式,此值是必须的
line : 指定只使用行网格。建议与内联对象(如span)一起使用
char : 指定只使用字符网格。建议和块对象(如div)一起使用
none : 不使用网格
说明:
设置或检索文本网格版式是否使用二维。
以东亚语言(如中文,日文)编写的文
档通常根据一维或二维网格使用字符的页面版式。
对应的脚本特性为layoutGridMode。请参阅我编写的其他书目。
示例:
div { layout-grid-mode: char; }
layout-grid-type : loose | strict | fixed
参数:
loose : 指定在中文或韩文中使用网格的文本,只有象形文字,假名,宽字符域网格对齐。其余的和通常一样,尽管包含这些字符的文本范围的layout-grid-mode被设置为none或line。该模式还禁用通常用于对象文本的特殊文本对齐和字符宽度调整。最后,如果不能再换行边界的文本中找到一个换行机会,那么文本将被推至下一行,并且上一行的最后留出空白
strict : 指定在日文中使用网格。规则为:如果没有其他的宽度调整效果,则增加宽字符以获取精确的网格填充。窄字符(除了草书字体)按照应用于宽字符的一半增量增加
fixed : 指定使用于等宽版式网格。规则为:所有非草书符号视为等宽。默认情况下,每个字符在单一网格中居中。禁止对齐或任何其他改变字符宽度的行为
说明:
设置或检索应用于对象文本的网格类型。
只应用于块对象(如div)。
以东亚语言(如中文,日文)编写的文档通常根据一维或二维网格使用字符的页面版式。
对应的脚本特性为layoutGridType。请参阅我编写的其他书目。
示例:
div { layout-grid-type: strict; }
======文本over=============
======背景开始===========
background : background-color || background-image || background-repeat || background-attachment || background-position
参数:
该属性是复合属性。请参阅各参数对应的属性。
说明:
如使用该复合属性定义其单个参数,则其他参数的默认值将无条件覆盖各自对应的单个属性设置。
默认值为:transparent none repeat scroll 0% 0%。
尽管该属性不可继承,但如果未指定,其父对象的背景颜色和背景图将在对象下面显示。
对应的脚本特性为background。请参阅我编写的其他书目。
示例:
div { background: red no-repeat scroll 5% 60%; }
body { background: url("images/aardvark.gif") repeat-y; }
pre { background: url("images/aardvark.gif") top; }
caption { background: fuchsia; }
background-attachment : scroll | fixed
参数:
scroll : 背景图像是随对象内容滚动
fixed : 背景图像固定
说明:
设置或检索背景图像是随对象内容滚动还是固定的。
对应的脚本特性为backgroundAttachment。请参阅我编写的其他书目。
示例:
html { background-image: url("anasazi.tif"); background-attachment: fixed; }
background-color : transparent | color
参数:
transparent : 背景色透明
color : 指定颜色。请参阅颜色单位和附
录:颜色表
说明:
设置或检索对象的背景颜色。
对应的脚本特性为backgroundColor。请参阅我编写的其他书目。
示例:
p { background-color: silver }
div { background-color: rgb(223,71,177) }
body { background-color: #98AB6F }
pre { background-color: transparent; }
background-image : none | url (url)
参数:
none : 无背景图
url : 使用绝对或相对地址指定背景图像
说明:
设置或检索对象的背景图像。
对应的脚本特性为backgroundImage。请参阅我编写的其他书目。
示例:
code { background-image: url("comet.jpg"); }
blockquote { background-image: url("c:\InetPub\MyPixs\comet.jpg"); }
br { background-image: url(http://Fred.com/ImageFile/Q.gif); }
body { background-image: none; }
background-position : length || length
background-position : position || position
参数:
length : 百分数 | 由浮点数字和单位标识符组成的长度值。请参阅长度单位
position : top | center | bottom | left | center | right
说明:
设置或检索对象的背景图像位置。必须先指定background-image属性。默认值为:(0% 0%)。
如果只指定了一个值,该值将用于横坐标。纵坐标将默认为50%。第二个值将用于纵坐标。
该属性定位不受对象的补丁属性(padding)设置影响。
对应的脚本特性为backgroundPosition。请参阅我编写的其他书目。
示例:
div { background: url("images/aardvark.gif"); background-position: 35% 80%; }
menu { background: url("images/aardvark.gif"); background-position: 35% 2.5cm; }
a { background: url("images/aardvark.gif"); background-position: 3.25in; }
body { background: url("images/aardvark.gif"); background-position: top right; }
background-positionX : length | left | center | right
参数:
length : 百分数 | 由浮点数字和单位标识符组成的长度值。请参阅长度单位
left : 居左
center : 居中
right : 居右
说明:
设置或检索对象的背景图像横坐标位置。必须先指定background-image属性。默认值为:0%。
该属性定位不受对象的补丁属性(padding)设置影响。
对应的脚本特性为backgroundPositionX。请参阅我编写的其他书目。
示例:
p { background-image: url("images/aardvark.gif"); background-positionX: 35%; background-repeat:no-repeat; }
layer-background-color : transparent | color
参数:
transparent : 背景色透明
color : 指定颜色。请参阅颜色单位和附录:颜色表
说明:
设置或检索对象整个区域的背景颜色。
示例:
div { layer-background-color: transparent; }
layer-background-image : none | url (url)
参数:
none : 无背景图
url : 使用绝对或相对地址指定背景图像
说明:
设置或检
索对象整个区域的背景图像。
示例:
code { position: absolute; top: 100px; left: 300px; width: 200px; border: thin solid black; background-image: url("comet.jpg"); layer-background-image: url("bb_comet.jpg"); }
=======背景over==========
=======定位开始==========
position : static | absolute | fixed | relative
参数:
static : 无特殊定位,对象遵循HTML定位规则
absolute : 将对象从文档流中拖出,使用left,right,top,bottom等属性进行绝对定位。而其层叠通过z-index属性定义。此时对象不具有边距,但仍有补白和边框
relative : 对象不可层叠,但将依据left,right,top,bottom等属性在正常文档流中偏移位置
fixed : IE5.5及NS6尚不支持此属性
说明:
检索对象的定位方式。
对应的脚本特性为position。请参阅我编写的其他书目。
示例:
div { position: absolute; bottom: 1in; left: 1in; right: 1in; top: 1in; }
div { position:relative; top:-3px; left:6px; }
z-index : auto | number
参数:
auto : 遵从其父对象的定位
number : 无单位的整数值。可为负数
说明:
检索或设置对象的层叠顺序。
如两个绝对定位对象的此属性具有同样的值,那么将依据它们在HTML文档中声明的顺序层叠
对应的脚本特性为zIndex。请参阅我编写的其他书目。
示例:
div { position:absolute; z-index:3; width:6px; }
top : auto | length
参数:
auto : 无特殊定位,根据HTML定位规则载文档流中分配
length : 由浮点数字和单位标识符组成的长度值,或者百分数。必须定义position属性值为absolute或者relative此取值方可生效。请参阅长度单位
说明:
检索或设置对象与其最近一个定位的父对象顶部相关的位置。
对应的脚本特性为top。其值为一字符串,所以不可用于脚本(Scripts)中的计算。请使用style对象的posTop,pixelTop,以及对象的offsetTop等特性。请参阅我编写的其他书目。
示例:
div { position: absolute; top: 1in; }
div { position:relative; top:-3px; left:6px; }
right : auto | length
参数:
auto : 无特殊定位,根据HTML定位规则载文档流中分配
length : 由浮点数字和单位标识符组成的长度值 | 或者百分数。必须定义position属性值为absolute或者relative此取值方可生效。请参阅长度单位
说明:
检索或设置对象与其最近一个定位的父对象右边相关的位置。
对应的脚本特性为right。其值为一字符串,所以不可用于脚本(Scripts)中的计算。请使用style对象的posRight,pixelRight等特性。请参阅我编写的其他书目。
示例:
div { position: absolute; right: 1in; }
div { position:relative; top:-3px; right:6px; }
bottom : auto | l
ength
参数:
auto : 无特殊定位,根据HTML定位规则载文档流中分配
length : 由浮点数字和单位标识符组成的长度值 | 百分数。必须定义position属性值为absolute或者relative此取值方可生效。请参阅长度单位
说明:
检索或设置对象与其最近一个定位的父对象底边相关的位置。
对应的脚本特性为bottom。其值为一字符串,所以不可用于脚本(Scripts)中的计算。请使用style对象的posBottom,pixelBottom等运行时特性。请参阅我编写的其他书目。
示例:
div { position: absolute; bottom: 1in; }
div { position:relative; bottom:6px; }
left : auto | length
参数:
auto : 无特殊定位,根据HTML定位规则载文档流中分配
length : 由浮点数字和单位标识符组成的长度值 | 百分数。必须定义position属性值为absolute或者relative此取值方可生效。请参阅长度单位
说明:
检索或设置对象与其最近一个定位的父对象左边相关的位置。
对应的脚本特性为left。其值为一字符串,所以不可用于脚本(Scripts)中的计算。请使用style对象的posLeft,pixelLeft,以及对象的offsetLeft等特性。请参阅我编写的其他书目。
示例:
div { position: absolute; left: 1in; }
div { position:relative; top:-3px; left:6px; }
=======定位over==========
=======尺寸开始==========
height : auto | length
参数:
auto : 无特殊定位,根据HTML定位规则载文档流中分配
length : 由浮点数字和单位标识符组成的长度值 | 百分数。百分数是基于父对象的高度。不可为负数。请参阅长度单位
说明:
检索或设置对象的高度。
对于img对象来说,仅指定此属性,其width值将根据图片源尺寸等比例缩放。
对应的脚本特性为height。其值为一字符串,所以不可用于脚本(Scripts)中的计算。请使用style对象的posHeight,pixelHeight,以及对象的offsetHeight等特性。请参阅我编写的其他书目。
按照样式表的规则,对象的实际高度为其下列属性值之和:
margin-top + border-top + padding-top + height + padding-bottom + border-bottom + margin-bottom
而在IE6以前的版本,对象的实际高度却等于:
margin-top + height + margin-bottom
在IE6中,已经提供了针对此问题的解决方案。而上述属性的相互关系,请参看图例。
示例:
div { height: 1in; }
div { position:absolute; top:-3px; height:6px; }
max-height : none | length
参数:
none : 无最大高度限制
length : 由浮点数字和单位标识符组成的长度值 | 或者百分数。不可为负数。请参阅长度单位
说明:
设置或检索对象的最大高度。
如果max-height属性的值小于min-height属性的值,将会被自动转设为min-height属性
的值。
目前IE5.5尚不支持此属性。
对应的脚本特性为maxHeight。请参阅我编写的其他书目。
示例:
p { max-height: 200%; }
min-height : none | length
参数:
none : 无最小高度限制
length : 由浮点数字和单位标识符组成的长度值 | 或者百分数。不可为负数。请参阅长度单位
说明:
设置或检索对象的最小高度。
如果min-height属性的值大于max-height属性的值,将会被自动转设为max-height属性的值。
目前IE5.5尚不支持此属性。
对应的脚本特性为minHeight。请参阅我编写的其他书目。
示例:
p { min-height: 200px; }
width : auto | length
参数:
auto : 无特殊定位,根据HTML定位规则载文档流中分配
length : 由浮点数字和单位标识符组成的长度值,或者百分数。百分数是基于父对象的宽度。不可为负数。请参阅长度单位
说明:
检索或设置对象的宽度。
对于img对象来说,仅指定此属性,其height值将根据图片源尺寸等比例缩放。
对应的脚本特性为width。其值为一字符串,所以不可用于脚本(Scripts)中的计算。请使用style对象的posWidth,pixelWidth,以及对象的offsetWidth等特性。请参阅我编写的其他书目。
按照样式表的规则,对象的实际宽度为其下列属性值之和:
margin-left + border-left + padding-left + width + padding-right + border-right + margin-right
而在IE6以前的版本,对象的实际宽度却等于:
margin-left + width + margin-right
在IE6中,已经提供了针对此问题的解决方案。而上述属性的相互关系,请参看图例。
示例:
div { width: 1in; }
div { position:absolute; top:-3px; width:6px; }
max-width : none | length
参数:
none : 无最大宽度限制
length : 由浮点数字和单位标识符组成的长度值 | 或者百分数。不可为负数。请参阅长度单位
说明:
设置或检索对象的最大宽度。
如果max-width属性的值小于min-width属性的值,将会被自动转设为min-width属性的值。
目前IE5.5尚不支持此属性。
对应的脚本特性为maxWidth。请参阅我编写的其他书目。
示例:
p { max-width: 200%; }
min-width : none | length
参数:
none : 无最小宽度限制
length : 由浮点数字和单位标识符组成的长度值,或者百分数。不可为负数。请参阅长度单位
说明:
设置或检索对象的最小宽度。
如果min-width属性的值大于max-width属性的值,将会被自动转设为max-width属性的值。
目前IE5.5尚不支持此属性。
对应的脚本特性为minWidth。请参阅我编写的其他书目。
示例:
p { min-width: 200px; }
=======尺寸over==========
=======布局开始==========
clear : none | le
ft |right | both
参数:
none : 允许两边都可以有浮动对象
both : 不允许有浮动对象
left : 不允许左边有浮动对象
right : 不允许右边有浮动对象
说明:
该属性的值指出了不允许有浮动对象的边。请参阅float属性。
对应的脚本特性为clear。请参阅我编写的其他书目。
示例:
div { clear : left }
img { float: right }
float : none | left |right
参数:
none : 对象不浮动
left : 对象浮在左边
right : 对象浮在右边
说明:
该属性的值指出了对象是否及如何浮动。请参阅clear属性。
当该属性不等于none引起对象浮动时,对象将被视作块对象(block-level),即display属性等于block。也就是说,浮动对象的display特性将被忽略。
对应的脚本特性为styleFloat。请参阅我编写的其他书目。
示例:
div { clear : left }
img { float: right }
clip : auto | rect ( number number number number )
参数:
auto : 对象无剪切
rect ( number number number number ) : 依据上-右-下-左的顺序提供自对象左上角为(0,0)坐标计算的四个偏移数值,其中任一数值都可用auto替换,即此边不剪切
说明:
检索或设置对象的可视区域。区域外的部分是透明的。
必须将position的值设为absolute,此属性方可使用。
自IE5开始,此属性在MAC平台上可用。
对应的脚本特性为clip。请参阅我编写的其他书目。
示例:
div { position:absolute; width:60px; height:60px; clip:rect(0 20 50 10); }
div { position:absolute; width:60px; height:60px; clip:rect(1cm auto 50px 10cm); }
overflow : visible | auto | hidden | scroll
参数:
visible : 不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效
auto : 此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条
hidden : 不显示超过对象尺寸的内容
scroll : 总是显示滚动条
说明:
检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。
设置textarea对象为hidden值将隐藏其滚动条。
对于table来说,假如table-layout属性设置为fixed,则td对象支持带有默认值为hidden的overflow属性。如果设为hidden,scroll或者auto,那么超出td尺寸的内容将被剪切。如果设为visible,将导致额外的文本溢出到右边或左边(视direction属性设置而定)的单元格。
自IE5开始,此属性在MAC平台上可用。
对应的脚本特性为overflow。请参阅我编写的其他书目。
示例:
body { overflow: hidden; }
div { overflow: scroll; height: 100px; width: 100px; }
visible : 不剪切内容也不添加滚动条。假如显式声明此默认值,
对象将被剪切为包含对象的window或frame的宽度。并且clip属性设置将失效
auto : 此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条
hidden : 不显示超过对象宽度的内容
scroll : 总是显示横向滚动条
说明:
检索或设置当对象的内容超过其指定宽度时如何管理内容。
参阅overflow属性。
对应的脚本特性为overflowX。请参阅我编写的其他书目。
示例:
body { overflow-x: hidden; }
div { overflow-x: scroll; height: 100px; width: 100px; }
display : block | none | inline | compact | marker | inline-table | list-item | run-in | table |table-caption | table-cell | table-column | table-column-group | table-footer-group | table-header-group | table-row | table-row-group
参数:
block : CSS1 块对象的默认值。用该值为对象之后添加新行
none : CSS1 隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间
inline : CSS1 内联对象的默认值。用该值将从对象中删除行
compact : CSS2 分配对象为块对象或基于内容之上的内联对象
marker : CSS2 指定内容在容器对象之前或之后。要使用此参数,对象必须和:after及:before 伪元素一起使用
inline-table : CSS2 将表格显示为无前后换行的内联对象或内联容器
list-item : CSS1 将块对象指定为列表项目。并可以添加可选项目标志
run-in : CSS2 分配对象为块对象或基于内容之上的内联对象
table : CSS2 将对象作为块元素级的表格显示
table-caption : CSS2 将对象作为表格标题显示
table-cell : CSS2 将对象作为表格单元格显示
table-column : CSS2 将对象作为表格列显示
table-column-group : CSS2 将对象作为表格列组显示
table-header-group : CSS2 将对象作为表格标题组显示
table-footer-group : CSS2 将对象作为表格脚注组显示
table-row : CSS2 将对象作为表格行显示
table-row-group : CSS2 将对象作为表格行组显示
说明:
设置或检索对象是否及如何显示。
目前 IE5.5仅支持以上CSS1的参数。
对应的脚本特性为display。请参阅我编写的其他书目。
示例:
img { disply: block; float: right; }
visibility : inherit | visible | collapse | hidden
参数:
inherit : 继承上一个父对象的可见性
visible : 对象可视
hidden : 对象隐藏
collapse : 主要用来隐藏表格的行或列。隐藏的行或列能够被其他内容使用。对于表格外的其他对象,其作用等同于hidden。IE5.5尚不支持此属性。
说明:
设置或检索是否显示对象。与display属性不同,此属性为隐藏的对象保留其占据的物理空间。
如果希望对象为可视,其父对象也必须是
可视的。
对应的脚本特性为visibility。请参阅我编写的其他书目。
示例:
img { visibility: inherit; float: right; }
=======布局over==========
========外补丁开始===========
margin : auto | length
参数:
auto : 值被设置为相对边的值
length : 由浮点数字和单位标识符组成的长度值 | 百分数。百分数是基于父对象的高度。对于内联对象来说,左右外延边距可以是负数值。请参阅长度单位
说明:
检索或设置对象四边的外延边距。
如果提供全部四个参数值,将按上-右-下-左的顺序作用于四边。
如果只提供一个,将用于全部的四边。
如果提供两个,第一个用于上-下,第二个用于左-右。
如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。
内联对象要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
在IE4+,margin属性不可用于td和tr对象。
外延边距始终透明。
对应的脚本特性为margin。请参阅我编写的其他书目。
关于对象的尺寸与边框,内外补丁等样式表属性的关系,请参看图例以及height和width属性。
示例:
body { margin: 36pt 24pt 36pt; }
body { margin: 11.5%; }
body { margin: 10% 10% 10% 10%; }
margin-top : auto | length
参数:
auto : 值被设置为相对边的值
length : 由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的高度。请参阅长度单位
说明:
检索或设置对象顶边的外延边距。
内联对象要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
在IE4+,margin属性不可用于td和tr对象。
外延边距始终透明。
对应的脚本特性为marginTop。请参阅我编写的其他书目。
示例:
body { margin-top: 11.5%; }
margin-right : auto | length
参数:
auto : 值被设置为相对边的值
length : 由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的高度。请参阅长度单位
说明:
检索或设置对象右边的外延边距。
内联对象要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
在IE4+,margin属性不可用于td和tr对象。
外延边距始终透明。
对应的脚本特性为marginRight。请参阅我编写的其他书目。
示例:
body { margin-right: 11.5%; }
margin-bottom : auto | length
参数:
auto : 值被设置为相对边的值
length : 由浮点数字和单位标识符组成的长度值 | 百分数。百分数是基于父对象的高度。请参阅长度单位
说明:
检索或设置对象底边的外延边距。
内联对象
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
在IE4+,margin属性不可用于td和tr对象。
外延边距始终透明。
对应的脚本特性为marginBottom。请参阅我编写的其他书目。
示例:
body { margin-bottom: 11.5%; }
margin-left : auto | length
参数:
auto : 值被设置为相对边的值
length : 由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的高度。请参阅长度单位
说明:
检索或设置对象左边的外延边距。
内联对象要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
在IE4+,margin属性不可用于td和tr对象。
外延边距始终透明。
对应的脚本特性为marginLeft。请参阅我编写的其他书目。
示例:
body { margin-left: 11.5%; }
========外补丁over=============
=======轮廓开始============
outline : outline-color ||outline-style || outline-width
参数:
该属性是复合属性。请参阅各参数对应的属性。
说明:
设置或检索对象外的线条轮廓。outline画在border外面,并且不一定是矩形。
目前IE5.5尚不支持此属性。
对应的脚本特性为outline。请参阅我编写的其他书目。
示例:
img { outline: red }
p { outline: double 5px }
button { outline: #E9E9E9 double thin }
outline-color : color |invert
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
invert : 使用背景色的反色
说明:
设置或检索对象外的线条轮廓的颜色。参见outline属性。
目前IE5.5尚不支持此属性。
对应的脚本特性为outlineColor。请参阅我编写的其他书目。
示例:
img { outline-color: red }
p { outline-color: #E9E9E9 }
outline-style : none |dotted |dashed |solid |double |groove |ridge |inset |outset
参数:
none : 无边框。与任何指定的outline-width值无关
dotted : 点线边框
dashed : 虚线边框
solid : 实线边框
double : 双线边框。两条单线与其间隔的和等于指定的oueline-width值
groove : 根据outline-color的值画3D凹槽
ridge : 根据outline-color的值画菱形边框
inset : 根据outline-color的值画3D凹边
outset : 根据outline-color的值画3D凸边
说明:
设置或检索对象外的线条轮廓的样式。参见outline属性。
目前IE5.5尚不支持此属性。
对应的脚本特性为outlineStyle。请参阅我编写的其他书目。
outline-width : medium | thin | thick | length
参数:
medium : 默认宽度
thin : 小于默认宽度
thick : 大于默认宽度
length : 由浮点数字和单位标识符组成的长度值。不可为负值。请参阅长度单位
说明:
设置或检索对象外的线条轮廓的宽度。参见outline属性。
目前IE5.5尚不支持此属性。
对应的脚本特性为outlineWidth。请参阅我编写的其他书目。
示例:
img { outline-color: orange; outline-style: solid ; outline-width: medium ; }
======轮廓over============
======边框开始============
border : border-width || border-style || border-color
参数:
该属性是复合属性。请参阅各参数对应的属性。
说明:
如使用该复合属性定义其单个参数,则其他参数的默认值将无条件覆盖各自对应的单个属性设置。
默认值为:medium none。border-color的默认值将采用文本颜色。
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
对应的脚本特性为border。请参阅我编写的其他书目。
关于对象的尺寸与边框,内外补丁等样式表属性的关系,请参看图例以及height和width属性。
示例:
p { border: thick double yellow; }
blockquote { border: dotted gray; }
p { border: 25px; }
border-color : color
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
说明:
如果提供全部四个参数值,将按上-右-下-左的顺序作用于四个边框。
如果只提供一个,将用于全部的四条边。
如果提供两个,第一个用于上-下,第二个用于左-右。
如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
如果border-width等于0或border-style设置为none,本属性将失去作用。
对应的脚本特性为borderColor。请参阅我编写的其他书目。
示例:
ody { border-color: silver ;red; }
body { border-color: silver red RGB(223, 94, 77); }
body { border-color: silver red RGB(223, 94, 77) black; }
border-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
参数:
none : 无边框。与任何指定的border-width值无关
hidden : 隐藏边框。IE不支持
dotted : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线
dashed : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线
solid : 实线边框
double : 双线边框。两条单线与其间隔的和等于指定的border-width值
groove : 根据border-color的值画3D凹槽
ridge : 根据border-color的值画菱形边框
inset : 根据border-color的值画3D凹边
outset : 根据border-color的值画3D凸边
说明:
如果提供全部四个参数值,将按上-右-下-左的顺序作用于四个边框。
如果只提供一个,将用于全部的四条边。
如果提供两个,第一个用于上-下
,第二个用于左-右。
如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
如果border-width不大于0,本属性将失去作用。
对应的脚本特性为borderStyle。请参阅我编写的其他书目。
示例:
body { border-style: double groove; }
body { border-style: double groove dashed; }
border-width : medium | thin | thick | length
参数:
medium : 默认宽度
thin : 小于默认宽度
thick : 大于默认宽度
length : 由浮点数字和单位标识符组成的长度值。不可为负值。请参阅长度单位
说明:
如果提供全部四个参数值,将按上-右-下-左的顺序作用于四个边框。
如果只提供一个,将用于全部的四条边。
如果提供两个,第一个用于上-下,第二个用于左-右。
如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
如果border-style设置为none,本属性将失去作用。
对应的脚本特性为borderWidth。请参阅我编写的其他书目。
示例:
span { border-style: solid; border-width: thin; }
span { border-style: solid; border-width: 1px thin; }
border-top : border-width || border-style || border-color
参数:
该属性是复合属性。请参阅各参数对应的属性。
说明:
请参阅border属性。
对应的脚本特性为borderTop。请参阅我编写的其他书目。
示例:
div { border-bottom: 25px solid red; border-left: 25px solid yellow; border-right: 25px solid blue; border-top: 25px solid green; }
border-top-color : color
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
说明:
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
如果border-width等于0或border-style设置为none,本属性将失去作用。
对应的脚本特性为borderTopColor。请参阅我编写的其他书目。
示例:
div { border-top-color: red; border-bottom-color: RGB(223, 94, 77); border-right-color: red; border-left-color: black;}
border-top-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
参数:
none : 无边框。与任何指定的border-width值无关
hidden : 隐藏边框。IE不支持
dotted : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线
dashed : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线
solid : 实线边框
double : 双线边框。两条单线与其间隔的和等于指定的border-width值
groove : 根据border-color的
值画3D凹槽
ridge : 根据border-color的值画菱形边框
inset : 根据border-color的值画3D凹边
outset : 根据border-color的值画3D凸边
说明:
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
如果border-width不大于0,本属性将失去作用。
对应的脚本特性为borderTopStyle。请参阅我编写的其他书目。
示例:
body { border-top-style: double; border-bottom-style: groove; border-left-style: dashed; border-right-style: dotted; }
border-top-width : medium | thin | thick | length
参数:
medium : 默认宽度
thin : 小于默认宽度
thick : 大于默认宽度
length : 由浮点数字和单位标识符组成的长度值。不可为负值。请参阅长度单位
说明:
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
如果border-style设置为none,本属性将失去作用。
对应的脚本特性为borderTopWidth。请参阅我编写的其他书目。
示例:
span { border-top-width: thin; border-top-style: solid; }
span { border-bottom-width: thin; border-bottom-style: solid; }
span { border-left-width: thin; border-left-style: solid; }
span { border-right-width: thin; border-right-style: solid; }
border-right : border-width || border-style || border-color
参数:
该属性是复合属性。请参阅各参数对应的属性。
说明:
请参阅border属性。
对应的脚本特性为borderRight。请参阅我编写的其他书目。
示例:
div { border-bottom: 25px solid red; border-left: 25px solid yellow; border-right: 25px solid blue; border-top: 25px solid green; }
border-right-color : color
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
说明:
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
如果border-width等于0或border-style设置为none,本属性将失去作用。
对应的脚本特性为borderRightColor。请参阅我编写的其他书目。
示例:
div { border-top-color: red; border-bottom-color: RGB(223, 94, 77); border-right-color: red; border-left-color: black;}
border-right-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
参数:
none : 无边框。与任何指定的border-width值无关
hidden : 隐藏边框。IE不支持
dotted : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线
dashed : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线
solid : 实线边框
double : 双线边框。两条单线与其间隔的和等于指定的border-width值
groove : 根据border-color的值画3D凹槽
ridge : 根据border-color的值画菱
形边框
inset : 根据border-color的值画3D凹边
outset : 根据border-color的值画3D凸边
说明:
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
如果border-width不大于0,本属性将失去作用。
对应的脚本特性为borderRightStyle。请参阅我编写的其他书目。
示例:
body { border-top-style: double; border-bottom-style: groove; border-left-style: dashed; border-right-style: dotted; }
border-right-width : medium | thin | thick | length
参数:
medium : 默认宽度
thin : 小于默认宽度
thick : 大于默认宽度
length : 由浮点数字和单位标识符组成的长度值。不可为负值。请参阅长度单位
说明:
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
如果border-style设置为none,本属性将失去作用。
对应的脚本特性为borderRightWidth。请参阅我编写的其他书目。
示例:
span { border-top-width: thin; border-top-style: solid; }
span { border-bottom-width: thin; border-bottom-style: solid; }
span { border-left-width: thin; border-left-style: solid; }
span { border-right-width: thin; border-right-style: solid; }
border-bottom : border-width || border-style || border-color
参数:
该属性是复合属性。请参阅各参数对应的属性。
说明:
请参阅border属性。
对应的脚本特性为borderBottom。请参阅我编写的其他书目。
示例:
div { border-bottom: 25px solid red; border-left: 25px solid yellow; border-right: 25px solid blue; border-top: 25px solid green; }
border-bottom-color : color
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
说明:
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
如果border-width等于0或border-style设置为none,本属性将失去作用。
示例:
div { border-top-color: red; border-bottom-color: RGB(223, 94, 77); border-right-color: red; border-left-color: black;}
border-bottom-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
参数:
none : 无边框。与任何指定的border-width值无关
hidden : 隐藏边框。IE不支持
dotted : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线
dashed : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线
solid : 实线边框
double : 双线边框。两条单线与其间隔的和等于指定的border-width值
groove : 根据border-color的值画3D凹槽
ridge : 根据border-color的值画菱形边框
inset : 根据border-color的值画3D凹边
outset : 根据border-color的值画3D凸边
说明:
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
如果border-width不大于0,本属性将失去作用。
对应的脚本特性为borderBottomStyle。请参阅我编写的其他书目。
示例:
body { border-top-style: double; border-bottom-style: groove; border-left-style: dashed; border-right-style: dotted; }
border-bottom-width : medium | thin | thick | length
参数:
medium : 默认宽度
thin : 小于默认宽度
thick : 大于默认宽度
length : 由浮点数字和单位标识符组成的长度值。不可为负值。请参阅长度单位
说明:
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
如果border-style设置为none,本属性将失去作用。
对应的脚本特性为borderBottomWidth。请参阅我编写的其他书目。
示例:
span { border-top-width: thin; border-top-style: solid; }
span { border-bottom-width: thin; border-bottom-style: solid; }
span { border-left-width: thin; border-left-style: solid; }
语法:
border-left : border-width || border-style || border-color
参数:
该属性是复合属性。请参阅各参数对应的属性。
说明:
请参阅border属性。
对应的脚本特性为borderLeft。请参阅我编写的其他书目。
示例:
div { border-bottom: 25px solid red; border-left: 25px solid yellow; border-right: 25px solid blue; border-top: 25px solid green; }
语法:
border-left-color : color
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
说明:
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
如果border-width等于0或border-style设置为none,本属性将失去作用。
对应的脚本特性为borderLeftColor。请参阅我编写的其他书目。
示例:
div { border-top-color: red; border-bottom-color: RGB(223, 94, 77); border-right-color: red; border-left-color: black;}
语法:
border-left-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
参数:
none : 无边框。与任何指定的border-width值无关
hidden : 隐藏边框。IE不支持
dotted : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线
dashed : 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线
solid : 实线边框
double : 双线边框。两条单线与其间隔的和等于指定的border-width值
groove : 根据border-color的值画3D凹槽
ridge : 根据border-color的值画菱形边框
inset : 根据border-color的值画3D凹边
outset : 根据border-color的值画3D凸边
说明:
要使用该属性,必须先设定对象的height或width属性,或者
设定position属性为absolute。
如果border-width不大于0,本属性将失去作用。
对应的脚本特性为borderLeftStyle。请参阅我编写的其他书目。
示例:
body { border-top-style: double; border-bottom-style: groove; border-left-style: dashed; border-right-style: dotted; }
border-left-width : medium | thin | thick | length
参数:
medium : 默认宽度
thin : 小于默认宽度
thick : 大于默认宽度
length : 由浮点数字和单位标识符组成的长度值。不可为负值。请参阅长度单位
说明:
要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
如果border-style设置为none,本属性将失去作用。
对应的脚本特性为borderLeftWidth。请参阅我编写的其他书目。
示例:
======边框over============
======内容开始===============
include-source : url (url)
参数:
url : 使用绝对或相对地址指定插入文档。假如该文档不存在,当前对象的内容将被显示
说明:
这个属性插入另一个文档到当前文档,取代当前对象的内容。插入文档的样式属性从当前对象继承。
目前IE5.5尚不支持此属性。
对应的脚本特性为includeSource。请参阅我编写的其他书目。
示例:
div { position: absolute; top: 100px; left: 300px; width: 200px; height: 200px; border: thin solid black; include-source: url("http://www.example.com/testpage.htm"); }
quotes : none | string
参数:
none : content属性的open-quote和close-quote值将不会生成任何嵌套标记
string : 用引号括起的嵌套标记定义。两个为一组。第一个string定义前标记(例:"<"),第二个string定义后标记(例:">")。组之间用空格格开。嵌套标记的应用深度按定义顺序内推
说明:
设置或检索对象内使用的嵌套标记。
目前IE5.5尚不支持此属性。
对应的脚本特性为quotes。请参阅我编写的其他书目。
示例:
blockquote[lang-=fr] { quotes: "\201C" "\201D" }
blockquote[lang-=en] { quotes: "\00AB" "\00BB" }
blockquote:before { content: open-quote }
blockquote:after { content: close-quote }
q { quotes: """ """ "'" "'"; }
<q>This is an <q>emedded</q> quote.</q>
显示结果如下:
"This is an 'embedded' quote."
content : attr(alt) | counter(name) | counter(name, list-style-type) | counters(name, string) | counters(name, string, list-style-type) | no-close-quote | no-open-quote | close-quote | open-quote | string | url (url)
参数:
attr(alt) : 使用alt特性的文字
counter(name) : 使用已命名的计数器
counter(name, list-style-type) : 使用已命名的计数器并遵从指定的list-style-type属性
counters(name, string) : 使用所有已命名的计数器
counters(name,
string, list-style-type) : 使用所有已命名的计数器并遵从指定的list-style-type属性
no-close-quote : 并不插入quotes属性的后标记。但增加其嵌套级别
no-open-quote : 并不插入quotes属性的前标记。但减少其嵌套级别
close-quote : 插入quotes属性的后标记
open-quote : 插入quotes属性的前标记
string : 使用用引号括起的字符串
url : 使用指定的绝对或相对地址
说明:
用来和:after及:before 伪元素一起使用,在对象前或后显示内容。
目前IE5.5尚不支持此属性。
对应的脚本特性为content。请参阅我编写的其他书目。
示例:
p:after { content: url("http:www.devguru.com"); text-decoration: none; }
p:before { content: url("beep.wav") }
counter-increment : none | identifier number
参数:
none : 阻止计数器增加
identifier number : identifier定义一个将被增加selector,id,或者class。number定义增加的数值。可以为负值。默认值是1
说明:
设定当一个selector发生时计数器增加的值。
目前IE5.5尚不支持此属性。
对应的脚本特性为counterIncrement。请参阅我编写的其他书目。
示例:
p:before { content: "paragraph" counter(paragraph); counter-increment: paragraph; }
counter-reset : none | identifier number
参数:
none : 阻止计数器复位
identifier number : 指定一个或多个复位的计数器
说明:
将指定selector的计数器复位。默认值是0。
目前IE5.5尚不支持此属性。
对应的脚本特性为counterReset。请参阅我编写的其他书目。
示例:
h1:before { counter-increment: main-heading; counter-reset: sub-heading; content: "Section " counter(main-heading) ":" }
============内容over=====
=====内补丁 Padding开始 =======
padding : length
参数:
length : 由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的宽度。请参阅长度单位
说明:
检索或设置对象四边的补丁边距。
如果提供全部四个参数值,将按上-右-下-左的顺序作用于四边。
如果只提供一个,将用于全部的四条边。
如果提供两个,第一个用于上-下,第二个用于左-右。
如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。
内联对象要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
不允许负值。
对应的脚本特性为padding。请参阅我编写的其他书目。
关于对象的尺寸与边框,内外补丁等样式表属性的关系,请参看图例以及height和width属性。
示例:
body { padding: 36pt 24pt 36pt; }
body { padding: 11.5%; }
body { padding: 10% 10% 10% 10%; }
padding-top : length
参数
:
length : 由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的宽度。请参阅长度单位
说明:
检索或设置对象顶边的补丁边距。
内联对象要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
不允许负值。
对应的脚本特性为paddingTop。请参阅我编写的其他书目。
示例:
body { padding-top: 36pt; }
padding-right : length
参数:
length : 由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的宽度。请参阅长度单位
说明:
检索或设置对象右边的补丁边距。
内联对象要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
不允许负值。
对应的脚本特性为paddingRight。请参阅我编写的其他书目。
示例:
body { padding-right: 36pt; }
padding-bottom : length
参数:
length : 由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的宽度。请参阅长度单位
说明:
检索或设置对象底边的补丁边距。
内联对象要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
不允许负值。
对应的脚本特性为paddingBottom。请参阅我编写的其他书目。
示例:
body { padding-bottom: 36pt; }
padding-bottom : length
参数:
length : 由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的宽度。请参阅长度单位
说明:
检索或设置对象底边的补丁边距。
内联对象要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute。
不允许负值。
对应的脚本特性为paddingBottom。请参阅我编写的其他书目。
示例:
body { padding-bottom: 36pt; }
=====内补丁 over =======
======列表项目 Lists开始======
list-style : list-style-image || list-style-position || list-style-type
参数:
该属性是复合属性。请参阅各参数对应的属性。
说明:
设置列表项目相关内容。
对应的脚本特性为listStyle。请参阅我编写的其他书目。
示例:
li { list-style: url("http://www.dhtmlet.com/devgurupix.gif"), inside, circle; }
ul { list-style: outside, upper-roman; }
ol { list-style: square; }
list-style-image : none | url (url)
参数:
none : 不指定图像
url : 使用绝对或相对地址指定背景图像
说明:
设置或检索作为对象的列表项标记的图像。
若list-style-image属性为none或指定图像不可用时,list-style-type属性将发生作用。
对应的脚本特性为listStyleImage。请参阅我编写
的其他书目。
示例:
ul.out { list-style-position: outside; list-style-image: url("images/ie.gif"); }
list-style-position : outside | inside
参数:
outside : 列表项目标记放置在文本以外,且环绕文本不根据标记对齐
inside : 列表项目标记放置在文本以内,且环绕文本根据标记对齐
说明:
设置或检索作为对象的列表项标记如何根据文本排列。
仅作用于具有display值等于list-item的对象(如li对象)。
注意:ol对象和ul对象的type特性为其后的所有列表项目(如li对象)指明列表属性。请参阅我的其他著作。
对应的脚本特性为listStylePosition。请参阅我编写的其他书目。
示例:
ul.in { display: list-item; list-style-position: inside; }
list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin
参数:
disc : CSS1 实心圆
circle : CSS1 空心圆
square : CSS1 实心方块
decimal : CSS1 阿拉伯数字
lower-roman : CSS1 小写罗马数字
upper-roman : CSS1 大写罗马数字
lower-alpha : CSS1 小写英文字母
upper-alpha : CSS1 大写英文字母
none : CSS1 不使用项目符号
armenian : CSS2 传统的亚美尼亚数字
cjk-ideographic : CSS2 浅白的表意数字
georgian : CSS2 传统的乔治数字
lower-greek : CSS2 基本的希腊小写字母
hebrew : CSS2 传统的希伯莱数字
hiragana : CSS2 日文平假名字符
hiragana-iroha : CSS2 日文平假名序号
katakana : CSS2 日文片假名字符
katakana-iroha : CSS2 日文片假名序号
lower-latin : CSS2 小写拉丁字母
upper-latin : CSS2 大写拉丁字母
说明:
设置或检索对象的列表项所使用的预设标记。
若list-style-image属性为none或指定图像不可用时,list-style-type属性将发生作用。
仅作用于具有display值等于list-item的对象(如li对象)。
注意:ol对象和ul对象的type特性为其后的所有列表项目(如li对象)指明列表属性。请参阅我的其他著作。
IE5.5尚不支持所有CSS2的值。
对应的脚本特性为listStyleType。请参阅我编写的其他书目。
示例:
li { list-style-type: square }
marker-offset : auto | length
参数:
auto : 浏览器自动设置间距
length : 由浮点数字和单位标识符组成的长度值。可为负值。请参阅长度单位
说明:
设置或检索标记容器和主容器之间水平补白。即两个容器靠近的一边的间距。
目前IE5.5尚不支持此属性。
对应的脚本特性为markerOffset。请参阅我编写的其他书目。
示
例:
li:before { display: marker; marker-offset: 5px; }
======列表项目 over======
=======表格 Table开始 =======
border-collapse : separate | collapse
参数:
separate : 边框独立(标准HTML)
rtl : 相邻边被合并
说明:
设置或检索表格的行和单元格的边是合并在一起还是按照标准的HTML样式分开。
对应的脚本特性为borderCollapse。请参阅我编写的其他书目。
示例:
table { border-collapse: separate; }
border-spacing : length || length
参数:
length : 由浮点数字和单位标识符组成的长度值。不可为负值。请参阅长度单位
说明:
设置或检索当表格边框独立(例如当border-collapse属性等于separate时),行和单元格的边框在横向和纵向上的间距。
当只指定一个length值时,这个值将作用于横向和纵向上的间距。当指定了全部两个length值时,第一个作用于横向间距,第二个作用于纵向间距。
目前IE5.5尚不支持此属性。
对应的脚本特性为borderSpacing。请参阅我编写的其他书目。
示例:
table { border-collapse: separate; border-spacing: 10px; }
caption-side : bottom | left |right | top
参数:
bottom : 下面
left : 左边
right : 右边
top : 下面
说明:
设置或检索表格的caption对象是在表格的那一边。它是和caption对象一起使用的属性。
目前IE5.5尚不支持此属性。
对应的脚本特性为captionSide。请参阅我编写的其他书目。
示例:
table caption { caption-side: top; width: auto; text-align: left; }
empty-cells : hide | show
参数:
hide : 隐藏
show : 显示
说明:
设置或检索当表格的单元格无内容时,是否显示该单元格的边框。
只有当表格边框独立(例如当border-collapse属性等于separate时)此属性才起作用。
目前IE5.5尚不支持此属性。
对应的脚本特性为emptyCells。请参阅我编写的其他书目。
示例:
table { caption-side: top; width: auto; border-collapse: separate; empty-cells: hide; }
table-layout : auto | fixed
参数:
auto : 默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢
fixed : 固定布局的算法。在这算法中,水平布局是仅仅基于表格的宽度,表格边框的宽度,单元格间距,列的宽度,而和表格内容无关
说明:
设置或检索表格的布局算法。
对应的脚本特性为tableLayout。请参阅我编写的其他书目。
示例:
table { table-layout: auto; }
speak-header : once | always
参数:
once : 所有的单元格只有一个表格头
fixed : 每一组单元格对应一个表头
说明:
设置或检索表格头与其后的一系列单元格发生多少次关系。
目前IE5.5尚不支持此属性。
对应的脚本特性为speakHeader。请参阅我编写的其他书目。
=======表格 over =======
======滚动条 Scrollbars 开始 =======
scrollbar-3d-light-color : color
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
说明:
设置或检索滚动条亮边框颜色。
请参阅overflow属性 。
对应的脚本特性为scrollbar3dLightColor。请参阅我编写的其他书目。
示例:
div {scrollbar-3d-light-color :threedhighlight; }
scrollbar-highlight-color : color
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
说明:
设置或检索滚动条3D界面的亮边(ThreedHighlight)颜色。
请参阅overflow属性 。
对应的脚本特性为scrollbarHighlightColor。请参阅我编写的其他书目。
示例:
div {scrollbar-highlight-color :threedhighlight; }
scrollbar-face-color : color
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
说明:
设置或检索滚动条3D表面(ThreedFace)的颜色。
请参阅overflow属性 。
对应的脚本特性为scrollbarFaceColor。请参阅我编写的其他书目。
示例:
div {scrollbar-face-color : threedface; }
scrollbar-arrow-color : color
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
说明:
设置或检索滚动条方向箭头的颜色。当滚动条出现但不可用时,此属性失效。
请参阅overflow属性 。
对应的脚本特性为scrollbarArrowColor。请参阅我编写的其他书目。
示例:
div {scrollbar-arrow-color : buttontext; }
scrollbar-shadow-color : color
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
说明:
设置或检索滚动条3D界面的暗边(ThreedShadow)颜色。
请参阅overflow属性 。
对应的脚本特性为scrollbarShadowColor。请参阅我编写的其他书目。
示例:
div {scrollbar-shadow-color :ThreedDarkShadow; }
scrollbar-dark-shadow-color : color
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
说明:
设置或检索滚动条暗边框(ThreedDarkShadow)颜色。
请参阅overflow属性 。
对应的脚本特性为scrollbarDarkShadowColor。请参阅我编写的其他书目。
示例:
div {scrollbar-dark-shadow-color :threeddarkshadow; }
scrollbar-base-color : color
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
说明:
设置或检索滚动条基准颜色。其它界面颜色将据此自动调整。
请参阅overflow属性 。
对应的脚本特性为scrollbarBaseColor。请参阅我编写的其他