网站地图
发新话题
打印

CSS样式表中文手册

letter-spacing版本:CSS1  兼容性:IE4+ NS6+ 继承性:有
语法:
letter-spacing : normal | length
取值:
normal  : 默认值。默认间隔
length  : 由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位  

说明:
检索或设置对象中的文字之间的间隔。
该属性将指定的间隔添加到每个文字之后,但最后一个字将被排除在外。
字符间距会受对齐调整影响。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 letterSpacing 。
示例:
div {letter-spacing:6px; }
div {letter-spacing:0.5pt; }
应用于:
IE5.0+ DDRESSBLOCKQUOTEBODYCENTERcurrentStyleDDDIRDIVDLDTFIELDSETFORMHnHRLEGENDLILISTINGMARQUEEMENUOLPPLAINTEXTPREruntimeStylestyleTABLETDTHTRULXMP
word-spacing版本:CSS1  兼容性:IE6+ NS6+ 继承性:有
语法:
word-spacing : normal | length
取值:
normal  : 默认值。默认间隔
length  : 由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位  

说明:
检索或设置对象中的单词之间插入的空隔。
对于IE4+而言仅在MAC平台上可用。对于其他系统平台的支持由IE6开始。
单词间距会受对齐调整影响。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 wordSpacing 。
示例:
div { word-spacing : 10; }
div { word-spacing : 10px; }
应用于:
IE6.0+ AADDRESSBBIGBLOCKQUOTEBODYBUTTONCAPTIONCENTERCITECODECOLCOLGROUPcurrentStyleCUSTOMDDDFNDIRDIVDLDTEMFIELDSETFORMHnHTMLIIMGINPUT type=buttonINPUT type=checkboxINPUT type=fileINPUT type=imageINPUT type=passwordINPUT type=radioINPUT type=resetINPUT type=submitINPUT type=textISINDEXKBDLABELLEGENDLILISTINGMARQUEEMENUOLPPLAINTEXTPREruntimeStyleSSAMPSELECTSMALLSPANSTRIKESTRONGstyleSUBSUPTABLETBODYTDTEXTAREATFOOTTHTHEADTRTTUULVARXMP
text-indent版本:CSS1  兼容性:IE4+ NS4+ 继承性:无
语法:
text-indent : length
取值:
length  : 百分比数字 | 由浮点数字和单位标识符组成的长度值,允许为负值。请参阅 长度单位  

说明:
检索或设置对象中的文本的缩进。默认值为 0 。
在被另一个对象(如 br )断开的对象内不能应用本属性。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 textIndent 。
示例:
DIV { text-indent:2cm }
.click1 { text-indent:50% }
.click2 { text-indent: }
应用于:
IE4.0+ BLOCKQUOTEBUTTONCENTERDDDIRDIVDLDTFORMHnISINDEXLILISTINGMENUOLPPLAINTEXTPREstyleULXMP
IE5.0+ currentStyleDFNBODYruntimeStyleFIELDSETMARQUEEHRTABLETDTHTR
text-overflow版本:IE6+专有属性 继承性:无
语法:
text-overflow : clip | ellipsis
取值:
clip  : 默认值。不显示省略标记(...),而是简单的裁切
ellipsis  : 当对象内文本溢出时显示省略标记(...)

说明:
设置或检索是否使用一个省略标记(...)标示对象内文本的溢出。
这个属性仅仅作用于水平内联方向的,普通的西方文本的溢出。内联溢出发生在行内的文本超出可用宽度却没有换行机会的时候。
要强制溢出发生并且应用 ellipsis 值,作者必须设置对象的 white-space 属性值为 nowrap 。
假如没有换行机会(例如,对象容器的宽度是狭窄的,而内有很长的没有合理断行的文本),没有应用 nowrap 也有可能溢出。
为了使 ellipsis 值被应用,此属性必须被设置到具有不可视区域的对象。最好的选择是设置 overflow 属性为 hidden 。设置 overflow 属性为 scroll 或者 auto 时,此属性也会应用。但是会有滚动条出现。
通过选择省略标记,隐藏的文本可以被选择。当选择发生时,省略标记会隐藏而被文本替换。
此属性为在DHTML中制作省略标记提供了高效的方法。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 textOverflow 。
示例:
div { overflow: hidden; text-overflow:ellipsis; }
应用于:
IE6.0+ defaultsAACRONYMADDRESSBDOBIGBLOCKQUOTEBODYBUTTONCAPTIONCENTERCITECODECUSTOMcurrentStyleDDDELDFNDIRDIVDLDTEMFIELDSETFONTFORMHnIINPUT type=buttonINPUT type=checkboxINPUT type=fileINPUT type=imageINPUT type=passwordINPUT type=radioINPUT type=resetINPUT type=submitINPUT type=textINSISINDEXKBDLABELLEGENDLILISTINGMARQUEEMENUNOBROLPPLAINTEXTPREQRTRUBYruntimeStyleSSAMPSMALLSPANSTRIKESTRONGstyleSUBSUPTEXTAREATTUULVARXMP
vertical-align版本:CSS1/CSS2  兼容性:IE4+ NS4+ 继承性:无
语法:
vertical-align : auto | baseline | sub | super | top | text-top | middle | bottom | text-bottom | length
取值:
auto  : CSS1  根据 layout-flow 属性的值对齐对象内容
baseline  : CSS1  默认值。将支持 valign 特性的对象的内容与基线对齐
sub  : CSS1  垂直对齐文本的下标
super  : CSS1  垂直对齐文本的上标
top  : CSS1  将支持 valign 特性的对象的内容对象顶端对齐
text-top  : CSS1  将支持 valign 特性的对象的文本与对象顶端对齐
middle  : CSS1  将支持 valign 特性的对象的内容与对象中部对齐
bottom  : CSS1  将支持 valign 特性的对象的内容与对象底端对齐
text-bottom  : CSS1  将支持 valign 特性的对象的文本与对象顶端对齐
length  : CSS2  由浮点数字和单位标识符组成的长度值 | 百分数。可为负数。定义由基线算起的偏移量。基线对于数值来说为0,对于百分数来说就是0%。请参阅 长度单位 。目前IE尚未实现此参数

说明:
设置或检索对象内容的垂直对其方式。
对于 currentStyle 对象而言此属性的默认值为 auto 。对于其他对象而言是 baseline 。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 verticalAlign 。
示例:
td { vertical-align : middle; }
应用于:
IE4.0+ COLIMGSPANstyleTBODYTDTFOOTTHTHEADTR
IE5.0+ currentStyleruntimeStyleCUSTOM
IE5.5+ defaults
text-align版本:CSS1  兼容性:IE4+ 继承性:有
语法:
text-align : left | right | center | justify
取值:
left  : 默认值。左对齐
right  : 右对齐
center  : 居中对齐
justify  : 两端对齐

说明:
设置或检索对象中文本的对齐方式。
此属性作用于所有块对象(block elements)。在一个 div 对象里的所有块对象的会继承此属性值。 假如属性没有设置,这个参数将获取 null 值。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 textAlign 。
示例:
div { text-align : center; }
应用于:
IE4.0+ BLOCKQUOTEBODYCENTERDDDIRDIVDLDTFIELDSETFORMHnHRLILISTINGMARQUEEMENUOLPPLAINTEXTPREstyleTABLETDTHTRULXMP
IE5.0+ TEXTAREAINPUT type=passwordINPUT type=textruntimeStylecurrentStyle
layout-flow版本:IE5.5+专有属性 继承性:有
语法:
layout-flow : horizontal | vertical-ideographic
取值:
horizontal  : 默认值。对象中的内容自左边流入。下一行在前一行下面。这个值适用于拉丁语系
vertical-ideographic  : 对象中的内容自上而下流入,下一行在前一行左面。这个值适用于亚洲语系

说明:
设置或检索对象内文本的流动和方向。
当此属性值发生变化时, text-align 属性与 vertical-align 属性的作用也将发生变化。
这是一个不建议使用的属性。建议使用 writing-mode 属性替代它。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 layoutFlow 。
示例:
div { layout-flow : horizontal; }
应用于:
IE5.5+ AACRONYMADDRESSBBIGBLOCKQUOTEBUTTONCAPTIONCENTERCITECODEcurrentStyleCUSTOMDDDELDFNDIRDIVDLDTEMFIELDSETFONTFORMHnHRIINPUTINPUT type=buttonINPUT type=checkboxINPUT type=fileINPUT type=hiddenINPUT type=imageINPUT type=passwordINPUT type=radioINPUT type=resetINPUT type=submitINPUT type=textINSISINDEXKBDLABELLEGENDLIMARQUEEMENUOLOPTIONPPLAINTEXTPREQRUBYruntimeStyleSSAMPSELECTSMALLSPANSTRIKESTRONGstyleSUBSUPTDTEXTAREATHTTUULVAR
writing-mode版本:IE5.5+专有属性 继承性:有
语法:
writing-mode : lr-tb | tb-rl
取值:
lr-tb  : 默认值。对象中的内容在水平方向上从左向右流入,后一行在前一行的下面。 所有的字形都是竖直向上的。这种布局是罗马语系使用的
tb-rl  : 上-下,右-左。对象中的内容在垂直方向上从上向下流入,自右向左。后一竖行在前一竖行的左面。全角字符是竖直向上的,半角字符如拉丁字母或片假名顺时针旋转90度。这种布局是东亚语系通常使用的

说明:
设置或检索对象的内容块固有的书写方向。西方语言确省的是左-右,上-下的书写方式。但是亚洲语言常有上-下,右-左的书写方式。
当此属性值发生变化时, text-align 属性与 vertical-align 属性的作用也将发生变化。
对于下列元素来说,样式表属性不可继承: BUTTON CAPTION INPUT INPUT type=button INPUT type=file INPUT type=password INPUT type=reset INPUT type=submit INPUT type=text ISINDEX OPTION TEXTAREA  

此属性效果不会被累积作用。例如,假如父对象的此属性值设为 tb-rl ,子对象的此属性值设为 tb-rl 不会导致子对象的旋转。
假如对象的 writing-mode 属性设置和它的父对象不一样则其将获得自己的布局。那样一个对象的宽度是通过使用它第一个有布局的父对象的高度而确定的。
当你使用具有不同 writing-mode 属性值的对象时,给每一个对象指定确定的尺寸能够让你更好的整体控制它们的布局。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 writingMode 。
示例:
div { writing-mode: tb-rl; }
应用于:
IE5.5+ AACRONYMADDRESSBBIGBLOCKQUOTEBUTTONCAPTIONCENTERCITECODEcurrentStyleCUSTOMDDDELDFNDIRDIVDLDTEMFIELDSETFONTFORMHnHRIINPUTINPUT type=buttonINPUT type=fileINPUT type=passwordINPUT type=resetINPUT type=submitINPUT type=textINSISINDEXKBDLABELLEGENDLIMARQUEEMENUOLOPTIONPPLAINTEXTPREQRTRUBYruntimeStyleSSAMPSMALLSPANSTRIKESTRONGstyleSUBSUPTDTEXTAREATHTTUULVAR
direction版本:CSS2  兼容性:IE5+ 继承性:有
语法:
direction : ltr | rtl | inherit
取值:
ltr  : 默认值。文本从左到右流入
rtl  : 文本从右到左流入
inherit  : 文本流入方向由继承获得

说明:
用于设置文本流入的方向。请参阅对象的 dir 属性。
此属性不会影响拉丁文的字母数字字符,它们总是以 ltr 值被呈递。但是此属性会作用于拉丁文的标点符号。
假如您想应用此属性于内联文本,您必须设定 unicode-bidi 属性为 embed 或 bidi-override 。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 direction 。
示例:
div { direction: rtl; unicode-bidi: bidi-override; }
应用于:
IE5.0+ AACRONYMADDRESSBBDOBIGBLOCKQUOTEBODYBUTTONCAPTIONCENTERCITECODECOLCOLGROUPcurrentStyleCUSTOMDDDELDFNDIRDIVDLDTEMEMBEDFIELDSETFONTFORMHnIIMGINPUT type=buttonINPUT type=checkboxINPUT type=fileINPUT type=imageINPUT type=passwordINPUT type=radioINPUT type=resetINPUT type=submitINPUT type=textINSKBDLABELLEGENDLILISTINGMENUNOBROBJECTOLOPTIONPPLAINTEXTPREQRTRUBYruntimeStyleSSAMPSELECTSMALLSPANSTRIKESTRONGstyleSUBSUPTABLETBODYTDTEXTAREATFOOTTHTHEADTRTTUULVARXMP
IE5.5+ defaults
unicode-bidi版本:CSS2  兼容性:IE5+ 继承性:无
语法:
unicode-bidi : normal | bidi-override | embed
取值:
normal  : 默认值。对象不打开附加的嵌入层,对于内联要素,隐式重排序跨对象边界进行工作
bidi-override  : 严格按照 direction 属性的值重排序。忽略隐式双向运算规则
embed  : 对象打开附加的嵌入层, direction 属性的值指定嵌入层,在对象内部进行隐式重排序

说明:
用于同一个页面里存在从不同方向读进的文本显示。与 direction 属性一起使用。
假如您想应用 direction 属性于内联文本,您必须设定此属性值为 embed 或 bidi-override 。
Unicode 双向运算法则自动翻转嵌入字符顺序依照它们固有的流动方向。例如,英文文档的默认书写方向是左-右,假如其中包含的部分其他语种的字符其书写方向是右-左,双向运算法则就可以用来代理用户正确的反转其流动方向。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 unicodeBidi 。
示例:
div { direction: rtl; unicode-bidi: bidi-override; }
应用于:
IE5.0+ AACRONYMADDRESSBBDOBIGBLOCKQUOTEBODYBUTTONCAPTIONCENTERCITECODECOLCOLGROUPcurrentStyleCUSTOMDDDELDFNDIRDIVDLDTEMEMBEDFIELDSETFONTFORMHnIIMGINPUT type=buttonINPUT type=checkboxINPUT type=fileINPUT type=imageINPUT type=passwordINPUT type=radioINPUT type=resetINPUT type=submitINPUT type=textINSKBDLABELLEGENDLILISTINGMARQUEEMENUNOBROBJECTOLOPTIONPPLAINTEXTPREQRTRUBYruntimeStyleSSAMPSELECTSMALLSPANSTRIKESTRONGstyleSUBSUPTABLETBODYTDTEXTAREATFOOTTHTHEADTRTTUULVARXMP
IE5.5+ defaults
发新话题