Dzwebs.Net

撰写电脑技术杂文十余年

CSS字体Font语法及实例介紹下篇

Admin | 2008-5-9 20:58:36 | 被阅次数 | 7222

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

九:Text-decoration

语法:
 
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

语法:
 
text-underline-position : below | above
 
参数:
 
below :  在文本下面
above :  在文本上面
 
说明:
 
设置或检索text-decoration属性定义的下划线的位置。
对应的脚本特性为textUnderlinePosition。请参阅我编写的其他书目。
 
示例:
 
p { text-underline-position: above; text-decoration: underline; }

十一:text-shadow

语法:
 
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:first-letter { font-size: 36px; color: red; text-shadow: red 0px 0px 5px;}

十二:font-variant

语法:
 
font-variant : normal | small-caps
 
参数:
 
normal : 正常的字体
small-caps : 小型的大写字母字体
 
说明:
 
设置或检索对象中的文本是否为小型的大写字母。
对应的脚本特性为fontVariant。请参阅我编写的其他书目。
 
示例:
 
span { font-variant: small-caps; }

十三:text-transform

语法:
 
text-transform : none | capitalize | uppercase | lowercase
 
参数:
 
none :  无转换发生
capitalize :  将每个单词的第一个字母转换成大写,其余无转换发生
uppercase :  转换成大写
lowercase :  转换成小写
 
说明:
 
检索或设置对象中的文本的大小写。
对应的脚本特性为textTransform。请参阅我编写的其他书目。
 
示例:
 
div { text-transform : uppercase; }

十四:line-height

语法:
 
line-height : normal | length
 
参数:
 
normal :  默认行高
length :  百分比数字 | 由浮点数字和单位标识符组成的长度值,允许为负值。其百分比取值是基于字体的高度尺寸。请参阅长度单位
 
说明:
 
检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离。
如行内包含多个对象,则应用最大行高。此时行高不可为负值。
对应的脚本特性为lineHeight。请参阅我编写的其他书目。
 
示例:
 
div {line-height:6px; }
div {line-height:10.5; }

十五:letter-spacing

语法:
 
letter-spacing : normal | length
 
参数:
 
normal :  默认间隔
length :  由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位
 
说明:
 
检索或设置对象中的文字之间的间隔。
该属性将指定的间隔添加到每个文字之后,但最后一个字将被排除在外。
对应的脚本特性为letterSpacing。请参阅我编写的其他书目。
 
示例:
 
div {letter-spacing:6px; }
div {letter-spacing:0.5pt; }

十六:word-spacing

语法:
 
word-spacing : normal | length
 
参数:
 
normal :  默认间距
length :  由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位
 
说明:
 
检索或设置对象中的单词之间插入的空格数。对于IE4+而言仅在MAC平台上可用。
对应的脚本特性为wordSpacing。请参阅我编写的其他书目。
 
示例:
 
div { word-spacing : 10; }
div { word-spacing : 10px; }


该杂文来自: 网页制作杂文

上一篇:CSS字体Font语法及实例介紹 上篇

下一篇:CSS文字Text语法及实例介紹之一

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计