网站地图
发新话题
打印

CSS样式表中文手册

font-stretch版本:CSS2  兼容性:无 继承性:有
语法:
font-stretch : normal | narrower | wider | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded
取值:
normal  : 默认值。不应用拉伸变形
narrower  : 使用比当前设置的值导致字体宽度更小的值
wider  : 使用比当前设置的值导致字体宽度更大的值

说明:
设置或检索用于对象中文本的文字是否横向的拉伸变形。
改变是相对于浏览器显示的字体的正常宽度的。
对应的脚本特性为 fontStretch 。
示例:
p { font-stretch: wider; }
p { font-stretch: ultra-expanded; }
font-style版本:CSS1  兼容性:IE4+ NS4+ 继承性:有
语法:
font-style : normal | italic | oblique
取值:
normal  : 默认值。正常的字体
italic  : 斜体。对于没有斜体变量的特殊字体,将应用 oblique  
oblique  : 倾斜的字体

说明:
设置或检索对象中的字体样式。
对于此属性的默认值来说,IE提供了预定义样式。但是你可以在浏览器菜单的 Internet 选项 中更改它。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 fontStyle 。
示例:
p { font-style: normal; }
p { font-style: italic; }
p { font-style: oblique; }
应用于:
IE4.0+ AADDRESSAPPLETBBIGBLOCKQUOTEBODYBUTTONCAPTIONCENTERCITECODECOLCOLGROUPDDDFNDIRDIVDLDTEMFIELDSETFORMHnHTMLIINPUT type=buttonINPUT type=checkboxINPUT type=fileINPUT type=imageINPUT type=passwordINPUT type=radioINPUT type=resetINPUT type=submitINPUT type=textISINDEXKBDLABELLEGENDLILISTINGMARQUEEMENUOLPPLAINTEXTPRESSAMPSELECTSMALLSPANSTRIKESTRONGstyleSUBSUPTABLETBODYTDTEXTAREATFOOTTHTHEADTRTTUULVARXMP
IE5.0+ currentStyleCUSTOMruntimeStyle
IE5.5+ defaults
font-weight版本:CSS1  兼容性:IE4+ NS4+ 继承性:有
语法:
font-weight : normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
取值:
normal  : 默认值。正常的字体。相当于 400 。声明此值将取消之前任何设置
bold  : 粗体。相当于 700 。也相当于 b 对象的作用
bolder  : 比 normal >粗
lighter  : 比 normal >细
100  : 字体至少像 200 那样细
200  : 字体至少像 100 那样粗,像 300 那样细
300  : 字体至少像 200 那样粗,像 400 那样细
400  : 相当于 normal  
500  : 字体至少像 400 那样粗,像 600 那样细
600  : 字体至少像 500 那样粗,像 700 那样细
700  : 相当于 bold  
800  : 字体至少像 700 那样粗,像 900 那样细
900  : 字体至少像 800 那样粗

说明:
设置或检索对象中的文本字体的粗细。
作用由用户端系统安装的字体的特定字体变量映射决定。系统选择最近的匹配。也就是说,用户可能看不到不同值之间的差异。
IE4.0仅仅支持 normal 和 bold 值。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 fontWeight 。
示例:
span { font-weight:800; }
应用于:
IE4.0+ AADDRESSBBIGBLOCKQUOTEBODYBUTTONCAPTIONCENTERCITECODECOLCOLGROUPDDDFNDIRDIVDLDTEMFIELDSETFORMHnHTMLIIMGINPUT type=buttonINPUT type=checkboxINPUT type=fileINPUT type=imageINPUT type=passwordINPUT type=radioINPUT type=resetINPUT type=submitINPUT type=textISINDEXKBDLABELLEGENDLILISTINGMARQUEEMENUOLPPLAINTEXTPRESSAMPSMALLSPANSTRIKESTRONGstyleSUBSUPTABLETBODYTDTEXTAREATFOOTTHTHEADTRTTUULVARXMP
IE5.0+ currentStyleCUSTOMruntimeStyle
IE5.5+ defaults
text-decoration版本:CSS1  兼容性:IE4+ NS4+ 继承性:无
语法:
text-decoration : none || underline || blink || overline || line-through
取值:
none  : 默认值。无装饰
blink  : 闪烁
underline  : 下划线
line-through  : 贯穿线
overline  : 上划线

说明:
检索或设置对象中的文本的装饰。
有 href 特性的 a ,以及 u , ins 对象默认值为 underline 。
对象 strike , s , del ,默认值是 line-through 。
假如 none 值在属性声明的最后,所有的先前的其他取值都会被清除。例如,声明 text-decoration: underline overline blink none 等于声明 text-decoration: none 。
假如对象没有文本(如 img 元素)或者是空元素(如:<EM></EM>), 此属性不会发生作用。
假如你设置 body 对象的此属性值为 none , a 对象将依然保持其原有的下划线样式。除非你针对 a 对象声明此属性值。
指定块对象的此属性将影响其所有内联子对象。而此影响一旦发生,块对象容器最终会受到影响。
在IE4+中可用的值为 overline 和 blink 。虽然 blink 值被提供,但它不会被作用。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 textDecoration 。
示例:
div { text-decoration : underline; }
div { text-decoration : underline overline; }
应用于:
IE4.0+ AADDRESSBBIGBLOCKQUOTEBODYBUTTONCAPTIONCENTERCITECODECOLCOLGROUPDDDFNDIRDIVDLDTEMFIELDSETFORMHnHTMLIINPUT type=buttonINPUT type=fileINPUT type=passwordINPUT type=radioINPUT type=resetINPUT type=submitINPUT type=textISINDEXKBDLABELLEGENDLILISTINGMARQUEEMENUOLPPLAINTEXTPRESSAMPSELECTSMALLSPANSTRIKESTRONGstyleSUBSUPTABLETBODYTDTEXTAREATFOOTTHTHEADTRTTUULVARXMP
IE5.0+ currentStyleCUSTOMruntimeStyle
IE5.5+ defaults
引用:
原帖由 油漆作 于 2008-6-17 21:06 发表
" /> " />
正在整理CSS样式表 的资料,顺便发论坛与大家分享一下。再挣些分。一举多得
text-underline-position版本:IE5.5+专有属性 继承性:有
语法:
text-underline-position : below | above
取值:
below  : 默认值。在文本下面
above  : 在文本上面

说明:
设置或检索 text-decoration 属性定义的下划线的位置。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 textUnderlinePosition 。
示例:
p { text-underline-position: above; text-decoration: underline; }
应用于:
IE5.5+ AACRONYMADDRESSAPPLETBBASEBASEFONTBDOBGSOUNDBIGBLOCKQUOTEBODYBUTTONCAPTIONCENTERCITECODECOLCOLGROUPCOMMENTcurrentStyleCUSTOMDDDELDFNDIRDIVDLDTEMEMBEDFIELDSETFONTFORMFRAMEFRAMESETHEADHnHRHTMLIIFRAMEIMGINPUTINPUT type=buttonINPUT type=checkboxINPUT type=fileINPUT type=hiddenINPUT type=imageINPUT type=passwordINPUT type=radioINPUT type=resetINPUT type=submitINPUT type=textINSISINDEXKBDLABELLEGENDLILINKLISTINGMARQUEEMENUnextIDNOBRNOFRAMESNOSCRIPTOBJECTOLOPTIONPPLAINTEXTPREQRTRUBYruntimeStyleSSAMPSCRIPTSELECTSMALLSPANSTRIKESTRONGstyleSUBSUPTABLETBODYTDTEXTAREATFOOTTHTHEADTITLETRTTUULVARWBRXMLXMP
text-shadow版本:CSS2  兼容性:无 继承性:无
语法:
text-shadow : color || length || length || opacity
取值:
color  : 指定颜色。请参阅 颜色单位 和 附录:颜色表  
length  : 由浮点数字和单位标识符组成的长度值。可为负值。指定阴影的水平延伸距离。请参阅 长度单位  
length  : 由浮点数字和单位标识符组成的长度值。可为负值。指定阴影的垂直延伸距离。请参阅 长度单位  
opacity  : 由浮点数字和单位标识符组成的长度值。不可为负值。指定模糊效果的作用距离。如果你仅仅需要模糊效果,将前两个 length 全部设定为 0 。请参阅 长度单位  

说明:
设置或检索对象中文本的文字是否有阴影及模糊效果。
可以设定多组效果,方式是用逗号隔开。
可以被用于伪类 :first-letter 和 :first-line 。
对应的脚本特性为 textShadow 。
示例:
p { text-shadow: 0px 0px 20px yellow, 0px 0px 10px orange, red 5px -5px; }
p:first-letter { font-size: 36px; color: red; text-shadow: red 0px 0px 5px;}
-variant版本:CSS1  兼容性:IE4+ NS6+ 继承性:有
语法:
font-variant : normal | small-caps
取值:
normal  : 默认值。正常的字体
small-caps  : 小型的大写字母字体

说明:
设置或检索对象中的文本是否为小型的大写字母。
IE4.0将此属性的 small-caps 处理为大写字母的较小尺寸。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 fontVariant 。
示例:
span { font-variant: small-caps; }
应用于:
IE4.0+ AADDRESSBBIGBLOCKQUOTEBODYBUTTONCAPTIONCENTERCITECODECOLCOLGROUPDDDFNDIRDIVDLDTEMFIELDSETFORMHnHTMLIIMGINPUT type=buttonINPUT type=checkboxINPUT type=fileINPUT type=imageINPUT type=passwordINPUT type=radioINPUT type=resetINPUT type=submitINPUT type=textISINDEXKBDLABELLEGENDLILISTINGMARQUEEMENUOLPPLAINTEXTPRESSAMPSMALLSPANSTRIKESTRONGstyleSUBSUPTABLETBODYTDTEXTAREATFOOTTHTHEADTRTTUULVARXMP
IE5.0+ currentStyleCUSTOMruntimeStyle
IE5.5+ defaults
text-transform版本:CSS1  兼容性:IE4+ NS4+ 继承性:有
语法:
text-transform : none | capitalize | uppercase | lowercase
取值:
none  : 默认值。无转换发生
capitalize  : 将每个单词的第一个字母转换成大写,其余无转换发生
uppercase  : 转换成大写
lowercase  : 转换成小写

说明:
检索或设置对象中的文本的大小写。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 textTransform 。
示例:
div { text-transform : uppercase; }
应用于:
IE4.0+ AADDRESSBBIGBLOCKQUOTEBODYBUTTONCAPTIONCENTERCITECODECOLCOLGROUPDDDFNDIRDIVDLDTEMFIELDSETFORMHnHTMLIINPUT type=buttonINPUT type=checkboxINPUT type=fileINPUT type=imageINPUT type=passwordINPUT type=radioINPUT type=resetINPUT type=submitINPUT type=textISINDEXKBDLABELLEGENDLILISTINGMARQUEEMENUOLPPLAINTEXTPRESSAMPSELECTSMALLSPANSTRIKESTRONGstyleSUBSUPTABLETBODYTDTEXTAREATFOOTTHTHEADTRTTUULVARXMP
IE5.0+ currentStyleCUSTOMruntimeStyle
IE5.5+ defaults
line-height版本:CSS1  兼容性:IE4+ NS4+ 继承性:有
语法:
line-height : normal | length
取值:
normal  : 默认值。默认行高
length  : 百分比数字 | 由浮点数字和单位标识符组成的长度值,允许为负值。其百分比取值是基于字体的高度尺寸。请参阅 长度单位  

说明:
检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离。
行高是字体下延与字体内部高度的顶端之间的距离。为负值的行高可用来实现阴影效果。
假如一个格式化的行包括不止一个对象,则最大行高会被应用。在这种情况下,此属性不可以为负值。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 lineHeight 。
示例:
div {line-height:6px; }
div {line-height:10.5; }
应用于:
IE4.0+ AADDRESSBBIGBLOCKQUOTEBODYBUTTONCAPTIONCENTERCITECODECOLCOLGROUPDDDFNDIRDIVDLDTEMFIELDSETFORMHnHTMLIIMGINPUT type=buttonINPUT type=checkboxINPUT type=fileINPUT type=imageINPUT type=passwordINPUT type=radioINPUT type=resetINPUT type=submitINPUT type=textISINDEXKBDLABELLEGENDLILISTINGMARQUEEMENUOLPPLAINTEXTPRESSAMPSELECTSMALLSPANSTRIKESTRONGstyleSUBSUPTABLETBODYTDTEXTAREATFOOTTHTHEADTRTTUULVARXMP
IE5.0+ currentStyleCUSTOMruntimeStyle
IE5.5+ defaults
发新话题