背景:#EDF0F5 #FAFBE6 #FFF2E2 #FDE6E0 #F3FFE1 #DAFAF3 #EAEAEF 默认  
阅读新闻

CSS手册简编

文本属性

[日期:2004-10-18] 来源:中華風雲網  作者: [字体: ]

CSS属性:

6、文本(Text)属性:

这里的属性将影响WEB文档中的文本显示情况。

text-indent属性描述文本的缩进程度:

属性名称: 'text-indent'
属性值: <length> | <percentage>
初始值: 0
适合对象: 容器元素
是否继承: yes
百分比备注: 根据父元素的宽度而定

下面的例子表明段落的缩进值为3em

P { text-indent: 3em }

Alignment属性表明文本的对齐方式:

属性名称: 'alignment'
属性值: left | right | center | justify
初始值: 依照用户定义
适合对象: block-level elements
是否继承: yes
百分比备注: 被禁止


text-decoration属性描述对文本的修饰方法:

属性名称: 'text-decoration'
属性值: none | [ underline || overline || line-through || blink ]
初始值: none
适合对象: 所有元素
是否继承: no (see clarification below)
百分比备注: 被禁止

属性值含义分别为:
underline:下划线。
overline:上划线。
line-through:删除线。
blink:闪烁(如同Navigator中的blink标记的功能)

text-shadow属性可以为文本加入阴影的特效:

属性名称: 'text-shadow'
属性值: none | <color> [, <color> ]*
初始值: none
适合对象: all
是否继承: No
百分比备注: 只在描述透明度时有效

例如:

P { text-shadow: black }

上例将在文本的右下方显示黑色阴影,另外阴影将增大BOX的面积。

letter-spacing属性表明文本的字间距:属性名称: 'letter-spacing'

属性值: normal | <length> | auto
初始值: normal
适合对象: 所有元素
是否继承: yes
百分比备注: 被禁止

例如:

BLOCKQUOTE { letter-spacing: 0.1em }

word-spacing属性表明文本中单词间距:

属性名称: 'word-spacing'
属性值: normal | <length>
初始值: normal
适合对象: 所有元素
是否继承: yes
百分比备注: 被禁止

例如:

H1 { word-spacing: 1em }

text-transform属性可以将BOX内的文本按指定的大写或小写形式显示:

属性名称: 'text-transform'
属性值: capitalize | uppercase | lowercase | none
初始值: none
适合对象: 所有元素
是否继承: yes
百分比备注: 被禁止

属性值含义为:
capitalize:把BOX中的每句句首字母变成大写。
uppercase:把BOX中所有的字母变成大写。
lowercase:把BOX中所有的字母变成小写。

White-space属性描述如何显示文本中的空格,在HTML中,空格是被省略的,也就是说你在一个段落标记的开头无论输入多少个空格都是无效的,要输入空格有两个方法,一是直接输入空格的代码"&nbsp;",或者使用<pre>标记,CSS中也制定了类似于pre的属性:

属性名称: 'white-space'
属性值: normal | pre | nowrap
初始值: normal
适合对象: 容器元素
是否继承: yes
百分比备注: 被禁止

例如:

PRE { white-space: pre }
P { white-space: normal }

上一页123456789..11下一页  GO
【内容导航】
第1页:总论 第2页:选择器的使用方法
第3页:媒体属性 第4页:BOX属性
第5页:布局属性 第6页:颜色背景属性
第7页:字体属性 第8页:文本属性
第9页:列表属性 第10页:表格属性
第11页:用户属性
阅读:
录入:木鸟

推荐 】 【 打印
上一篇:典型的三行二列居中高度自适应布局
下一篇:固定表头内容滚动表格
相关新闻      
本文评论       全部评论
  挺好的   (xh ,05月08日 )
  唉!!!!!!! 没有中意的啊   (276952687 ,04月25日 )
  我觉得讲解的例子应该可以运行代码要好点   (基本原理 ,2007-11-28 )
  能不能介绍通俗一点,边介绍边举例啊?   (123 ,2007-07-09 )
  介绍的太少了,不够有些用户的使用,再有一点了解html的人,往下再看那些方面的书?   (YY ,2006-04-25 )
发表评论


点评: 字数
姓名:

  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款