CSS学习(4)--文本属性(上)

text-indent                版本:CSS1  兼容性:IE4+ NS4+ 继承性:有
 
语法:
 
text-indent : length
 
参数:
 
length :  百分比数字|由浮点数字和单位标识符组成的长度值,允许为负值。
 
说明:
 
检索或设置对象中的文本的缩进。
在被另一个对象(如)断开的对象内不能应用本属性。
 
示例: 

1  div  {  text-indent  :  -5px ;   }  
2  div  {  text-indent  :  underline 10% ;   }  

text-overflow           版本:IE6+专有属性 继承性:无
 
语法:
 
text-overflow : clip | ellipsis
 
参数:
 
clip :  不显示省略标记(...),而是简单的裁切
ellipsis :  当对象内文本溢出时显示省略标记(...)
 
说明:
 
设置或检索是否使用一个省略标记(...)标示对象内文本的溢出。
 
示例: 

1  div  {  text-overflow  :  clip ;   }

vertical-align           版本:CSS1/CSS2  兼容性:IE4+ NS4+ 继承性:无

语法:
 
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尚不支持。
 
说明:
 
设置或检索对象内容的垂直对其方式。
 
示例: 

1  td  {  vertical-align  :  center ;   }  

text-align                   版本:CSS1  兼容性:IE4+ NS4+ 继承性:有
 
语法:
 
text-align : left | right | center | justify
 
参数:
 
left :  左对齐
right :  右对齐
center :  居中
justify :  两端对齐
 
说明:
 
设置或检索对象中文本的对齐方式。

示例: 

1  div  {  text-align  :  center ;   }  

layout-flow                版本:IE5.5+专有属性 继承性:有
 
语法:
 
layout-flow : horizontal | vertical-ideographic
 
参数:
 
horizontal :  对象中的内容自左边流入。下一行在前一行下面。这个值适于拉丁语系
vertical-ideographic :  对象中的内容自上而下流入,下一行在前一行左面。
 
说明:
 
设置或检索对象内文本的流动和方向。
当此属性值发生变化时,text-align属性与vertical-align属性的作用也将发生变化。
 
示例: 

1  div  {  layout-flow  :  horizontal ;   }  

writing-mode          版本:IE5.5+专有属性 继承性:有
 
语法:
 
writing-mode : lr-tb | tb-rl
 
参数:
 
lr-tb : 左-右,上-下
tb-rl : 上-下,右-左
 
说明:

 
设置或检索对象的内容块固有的书写方向。西方语言确省的是左-右,上-下的书写方式。但是亚洲语言常有上-下,右-左的书写方式。
当此属性值发生变化时,text-align属性与vertical-align属性的作用也将发生变化。 
 
示例: 

1  div  {  writing-mode :  tb-rl ;   }  

direction                    版本:CSS2  兼容性:IE5+ 继承性:无
 
语法:
 
direction : ltr | rtl | inherit
 
参数:
 
ltr :  文本流从左到右
rtl :  文本流从右到左
inherit :  文本流的值不可继承
 
说明:
 
用于设置文本流的方向。
假如您想应用direction属性于内联文本,您必须设定unicode-bidi属性为embed或bidi-override。
 
示例: 

1  div  {  direction :  rtl ;  unicode-bidi :  bidi-override ;   }  

unicode-bidi             版本:CSS2  兼容性:IE5+ 继承性:无
 
语法:

 
unicode-bidi : normal | bidi-override | embed
 
参数:
 
normal :  对象不打开附加的嵌入层,对于内联要素,隐式重排序跨对象边界进行工作
embed :  对象打开附加的嵌入层,direction属性的值指定嵌入层,在对象内部进行隐式重排序
bidi-override :  严格按照direction属性的值重排序。忽略隐式双向运算规则
 
说明:
 
用于同一个页面里存在从不同方向读进的文本显示。与direction属性一起使用。
假如您想应用direction属性于内联文本,您必须设定unicode-bidi属性为embed或bidi-override。 
 
示例: 

1  div  {  direction :  rtl ;  unicode-bidi :  bidi-override ;   }  

word-break              版本:IE5+专有属性 继承性:无
 
语法:
 
word-break : normal | break-all | keep-all
 
参数:
 
normal :  依照亚洲语言和非亚洲语言的文本规则,允许在字内换行
break-all :  该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all :  与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本
 
说明:
 
设置或检索对象内文本的字内换行行为。尤其在出现多种语言时。
对于中文,应该使用break-all 。 
 
示例: 
 

1  div  { word-break  :  break-all ;   }  

line-break                 版本:IE5+专有属性 继承性:无
 
语法:
 
line-break : normal | strict
 
参数:
 
normal :  应用日文文本的默认换行规则
strict :  强制日文文本换行规则的严谨性
 
说明:
 
设置或检索用于日文文本的换行规则。 
 
示例: 

1  div  {  line-break  :  strict ;   }

white-space              版本:CSS1  兼容性:IE5.5+ NS4+ 继承性:有
 
语法:
 
white-space : normal | pre | nowrap
 
参数:
 
normal :  默认处理方式
pre :  用等宽字体显示预先格式化的文本。不合并字间的空白距离和进行两端对齐。
nowrap :  强制在同一行内显示所有文本,直到文本结束或者遭遇br对象。例如td,div等对象的nowrap属性(特性)
 
说明:
 
设置或检索对象内空格的处理方式。
 
示例: 

1  {  white-space :  nowrap ;   }  

word-wrap               版本:IE5.5+专有属性 继承性:有
 
语法:
 
word-wrap : normal | break-word
 
参数:
 
normal :  允许内容顶开指定的容器边界
break-word :  内容将在边界内换行。如果需要,词内换行(word-break)也行发生
 
说明:
 
设置或检索当当前行超过指定容器的边界时是否断开转行。 
 
示例: 

1  div  {  word-wrap :  break-word ;   }  

text-autospace      版本:IE5+专有属性 继承性:无
 
语法:
 
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 : 当空格相邻表意字符时,扩展空格的宽度
 
说明:

 
设置或检索对象文本的自动空格和紧缩空格宽度调整的方式。
表意字是东亚编写系统中的字符,表示一个概念或方法,但不是一个特定的字或词。 

你可能感兴趣的:(css)