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 p { 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 : 当空格相邻表意字符时,扩展空格的宽度

说明:

设置或检索对象文本的自动空格和紧缩空格宽度调整的方式。

表意字是东亚编写系统中的字符,表示一个概念或方法,但不是一个特定的字或词。