css属性大全



==== 字体开始=======

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。请参阅我编写的其他

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值