特性 text-indent 版本:CSS1 目的:首行空格量(常用)
语法:
text-indent : length
参数:
length : 百分比数字|由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位
特性:text-align版本:CSS1 目的,设置左右对齐方式(常用)
语法:
text-align : left | right | center | justify
参数:
left : 左对齐
right : 右对齐
center : 居中
justify : 两端对齐
特性 vertical-align版本:CSS1/CSS2 目的 设置垂直对齐方式 控制内联元素在包含元素内的垂直位置(常用)
语法:
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%。
特性 text-overflow 目的,溢出显示省略标记(常用)
语法:
text-overflow : clip | ellipsis
参数:
clip : 不显示省略标记(...),而是简单的裁切
ellipsis : 当对象内文本溢出时显示省略标记(...)
特性:direction版本:CSS2 文本流的方向 (常用)
语法:
direction : ltr | rtl | inherit
参数:
ltr : 文本流从左到右
rtl : 文本流从右到左
inherit : 文本流的值不可继承
white-space版本:CSS1 强制单行显示(常用)
语法:
white-space : normal | pre | nowrap
参数:
normal : 默认处理方式
pre : 用等宽字体显示预先格式化的文本。不合并字间的空白距离和进行两端对齐。参阅pre对象
nowrap : 强制在同一行内显示所有文本,直到文本结束或者遭遇br对象。参阅td,div等对象的nowrap属性
特性:text-shadow 设置内阴影效果
语法:
text-shadow : none | <length> none | [<shadow>, ] * <shadow> 或none | <color> [, <color> ]*
参数
<color> :
指定颜色。
<length> :
由浮点数字和单位标识符组成的长度值。可为负值。指定阴影的水平延伸距离。
<opacity> :
由浮点数字和单位标识符组成的长度值。不可为负值。 指定模糊效果的作用距离。如果你仅仅需要模糊效果,将前两个 length 全部设定为 0 。请参阅 长度单位。
格式 text-shadow:5px 2px 6px #000;
text-shadow版本:CSS3.0 目的:带阴影的文本
语法:
text-shadow : none | <length> none | [<shadow>, ] * <shadow> 或none | <color> [, <color> ]*
相关属性 : 无
取值:
<color> : 指定颜色。
<length> : 由浮点数字和单位标识符组成的长度值。可为负值。指定阴影的水平延伸距离。
<opacity> : 由浮点数字和单位标识符组成的长度值。不可为负值。 指定模糊效果的作用距离。如果你仅仅需要模糊效果,将前两个 length 全部设定为 0 。请参阅 长度单位。
特性:word-wrap
语法:
word-wrap : normal | break-word
参数:
normal : 允许内容顶开指定的容器边界
break-word : 内容将在边界内换行。如果需要,词内换行(word-break)也行发生
特性:layout-flow 目的:设置文本的流性,
语法:
layout-flow : horizontal | vertical-ideographic
参数:
horizontal : 对象中的内容自左边流入。下一行在前一行下面。这个值适于拉丁语系
vertical-ideographic : 对象中的内容自上而下流入,下一行在前一行左面。这个值适于亚洲语系
特性:writing-mode
语法:
writing-mode : lr-tb | tb-rl
参数:
lr-tb : 左-右,上-下
tb-rl : 上-下,右-左
unicode-bidi版本:CSS2 国际化目的
语法:
unicode-bidi : normal | bidi-override | embed
参数:
normal : 对象不打开附加的嵌入层,对于内联要素,隐式重排序跨对象边界进行工作
embed : 对象打开附加的嵌入层,direction属性的值指定嵌入层,在对象内部进行隐式重排序
bidi-override : 严格按照direction属性的值重排序。忽略隐式双向运算规则
特性:word-break
语法:
word-break : normal | break-all | keep-all
参数:
normal : 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行
break-all : 该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all : 与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本
特性 text-autospace
语法:
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 : 当空格相邻表意字符时,扩展空格的宽度
特性:text-kashida-space
语法:
text-kashida-space : length
参数:
length : 百分数。标示kashida膨胀与空格膨胀的比例。为100%,仅有kashida膨胀。为0%,仅有空格膨胀。缺省值为0%
特性:text-justify
语法:
text-justify : auto |inter-word | newspaper | distribute | distribute-all-lines | inter-ideograph
参数:
auto : 允许浏览器用户代理确定使用的两端对齐法则
inter-word : 通过增加字之间的空格对齐文本。该行为是对齐所有文本行最快的方法。它的两端对齐行为对段落的最后一行无效
newspaper : 通过增加或减少字或字母之间的空格对齐文本。是用于拉丁文字母表两端对齐的最精确格式
distribute : 处理空格很像newspaper,适用于东亚文档。尤其是泰国
distribute-all-lines : 两端对齐行的方式与distribute相同,也同样不包含两段对齐段落的最后一行。适用于表意字文档
inter-ideograph : 为表意字文本提供完全两端对齐。他增加或减少表意字和词间的空格
特性ruby-align 浏览器对齐方式 (常用)
语法:
ruby-align : auto | left | center | right | distribute-letter | distribute-space | line-edge
参数:
auto : 由浏览器确定对齐方式。对于ideographic(东亚文本)以distribute-space值对齐。对于Latin文本以center值对齐
left : 根据基本宽度左对齐
center : 根据基本宽度居中对齐。如果基本宽度小于ruby文本的宽度,那么在ruby文本的宽度中居中基本宽度
right : 根据基本宽度右对齐
distribute-letter : 如果ruby文本的宽度小于基本宽度,则ruby文本在基本宽度中均匀分布。如果ruby文本的宽度大于或等于基本宽度,,居中对齐
distribute-space : 如果ruby文本的宽度小于基本宽度,则ruby文本在基本宽度中均匀分布。在ruby文本中,在第一个字符的前面后最后字符的后面有半个字距的空白区域。如果ruby文本的宽度大于或等于基本宽度,居中对齐
line-edge : 如果ruby文本不相邻行边缘,则其被居中。否则ruby文本行在基本文本边的上方
特性:ruby-overhang
语法:
ruby-overhang : auto | whitespace | none
参数:
auto : ruby文本突出相邻基本文本的任何其他文本
whitespace : ruby文本只突出空白区域的字符
none : ruby文本只突出相邻基本文本的任何其他文本
特性:ruby-position
语法:
ruby-position : above | inline
参数:
above : 在基本文本上方定位ruby文本
inline : ruby文本与基本文本内联
特性ime-mode版本:目的:激活文本输入框的IME
语法:
ime-mode : auto | active | inactive | disabled
参数:
auto : 不影响IME的状态。与不指定ime-mode属性时相同
active : 指定所有使用IME输入的字符。即激活本地语言输入法。用户仍可以撤销激活IME
inactive : 指定所有不使用IME输入的字符。即激活非本地语言。用户仍可以撤销激活IME
disabled : 完全禁用IME。对于有焦点的控件(如输入框),用户不可以激活IME
特性:layout-grid
语法:
layout-grid : layout-grid-mode || layout-grid-type || layout-grid-line || layout-grid-char || layout-grid-char-spacing
参数:
该属性是复合属性。请参阅各参数对应的属性。
特性:layout-grid-char
语法:
layout-grid-char : none | auto | length
参数:
none : 不指定行网格值
auto : 在对象文本中按最大字符确定网格
length : 百分数 | 由浮点数字和单位标识符组成的长度值,其百分比取值是基于父对象尺寸。请参阅长度单位
特性:layout-grid-char-spacing 版本:IE5+专有属性 继承性:有
语法:
layout-grid-char-spacing : auto | length
参数:
auto : 在对象文本中按最大字符确定网格
length : 百分数 | 由浮点数字和单位标识符组成的长度值,其百分比取值是基于父对象尺寸。请参阅长度单位
特性:layout-grid-line
layout-grid-line : none | auto | length
参数:
none : 不指定行网格值
auto : 在对象文本中按最大字符确定网格
length : 百分数 | 由浮点数字和单位标识符组成的长度值,其百分比取值是基于父对象尺寸。请参阅长度单位
特性:layout-grid-mode
语法:
layout-grid-mode : both | line | char | none
参数:
both : 指定char和line都被启用。要在一个对象上完全启用网格版式,此值是必须的
line : 指定只使用行网格。建议与内联对象(如span)一起使用
char : 指定只使用字符网格。建议和块对象(如div)一起使用
none : 不使用网格
特性:layout-grid-type
语法:
layout-grid-type : loose | strict | fixed
参数:
loose : 指定在中文或韩文中使用网格的文本,只有象形文字,假名,宽字符域网格对齐。其余的和通常一样,尽管包含这些字符的文本范围的layout-grid-mode被设置为none或line。该模式还禁用通常用于对象文本的特殊文本对齐和字符宽度调整。最后,如果不能再换行边界的文本中找到一个换行机会,那么文本将被推至下一行,并且上一行的最后留出空白
strict : 指定在日文中使用网格。规则为:如果没有其他的宽度调整效果,则增加宽字符以获取精确的网格填充。窄字符(除了草书字体)按照应用于宽字符的一半增量增加
fixed : 指定使用于等宽版式网格。规则为:所有非草书符号视为等宽。默认情况下,每个字符在单一网格中居中。禁止对齐或任何其他改变字符宽度的行为
text-overflow版本:CSS3.0 超出元素部分省略
继承性:无
语法:
text-overflow : clip | ellipsis
取值:
clip: 不显示省略标记(...),而是简单的裁切。
ellipsis: 当对象内文本溢出时显示省略标记(...)
word-wrap版本:CSS3.0 目的,连续文本
语法:
word-wrap : normal | break-word
取值:
normal: 控制连续文本换行。
break-word: 内容将在边界内换行。如果需要,词内换行(word-break)也会发生。
语法:
text-indent : length
参数:
length : 百分比数字|由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位
特性:text-align版本:CSS1 目的,设置左右对齐方式(常用)
语法:
text-align : left | right | center | justify
参数:
left : 左对齐
right : 右对齐
center : 居中
justify : 两端对齐
特性 vertical-align版本:CSS1/CSS2 目的 设置垂直对齐方式 控制内联元素在包含元素内的垂直位置(常用)
语法:
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%。
特性 text-overflow 目的,溢出显示省略标记(常用)
语法:
text-overflow : clip | ellipsis
参数:
clip : 不显示省略标记(...),而是简单的裁切
ellipsis : 当对象内文本溢出时显示省略标记(...)
特性:direction版本:CSS2 文本流的方向 (常用)
语法:
direction : ltr | rtl | inherit
参数:
ltr : 文本流从左到右
rtl : 文本流从右到左
inherit : 文本流的值不可继承
white-space版本:CSS1 强制单行显示(常用)
语法:
white-space : normal | pre | nowrap
参数:
normal : 默认处理方式
pre : 用等宽字体显示预先格式化的文本。不合并字间的空白距离和进行两端对齐。参阅pre对象
nowrap : 强制在同一行内显示所有文本,直到文本结束或者遭遇br对象。参阅td,div等对象的nowrap属性
特性:text-shadow 设置内阴影效果
语法:
text-shadow : none | <length> none | [<shadow>, ] * <shadow> 或none | <color> [, <color> ]*
参数
<color> :
指定颜色。
<length> :
由浮点数字和单位标识符组成的长度值。可为负值。指定阴影的水平延伸距离。
<opacity> :
由浮点数字和单位标识符组成的长度值。不可为负值。 指定模糊效果的作用距离。如果你仅仅需要模糊效果,将前两个 length 全部设定为 0 。请参阅 长度单位。
格式 text-shadow:5px 2px 6px #000;
text-shadow版本:CSS3.0 目的:带阴影的文本
语法:
text-shadow : none | <length> none | [<shadow>, ] * <shadow> 或none | <color> [, <color> ]*
相关属性 : 无
取值:
<color> : 指定颜色。
<length> : 由浮点数字和单位标识符组成的长度值。可为负值。指定阴影的水平延伸距离。
<opacity> : 由浮点数字和单位标识符组成的长度值。不可为负值。 指定模糊效果的作用距离。如果你仅仅需要模糊效果,将前两个 length 全部设定为 0 。请参阅 长度单位。
特性:word-wrap
语法:
word-wrap : normal | break-word
参数:
normal : 允许内容顶开指定的容器边界
break-word : 内容将在边界内换行。如果需要,词内换行(word-break)也行发生
特性:layout-flow 目的:设置文本的流性,
语法:
layout-flow : horizontal | vertical-ideographic
参数:
horizontal : 对象中的内容自左边流入。下一行在前一行下面。这个值适于拉丁语系
vertical-ideographic : 对象中的内容自上而下流入,下一行在前一行左面。这个值适于亚洲语系
特性:writing-mode
语法:
writing-mode : lr-tb | tb-rl
参数:
lr-tb : 左-右,上-下
tb-rl : 上-下,右-左
unicode-bidi版本:CSS2 国际化目的
语法:
unicode-bidi : normal | bidi-override | embed
参数:
normal : 对象不打开附加的嵌入层,对于内联要素,隐式重排序跨对象边界进行工作
embed : 对象打开附加的嵌入层,direction属性的值指定嵌入层,在对象内部进行隐式重排序
bidi-override : 严格按照direction属性的值重排序。忽略隐式双向运算规则
特性:word-break
语法:
word-break : normal | break-all | keep-all
参数:
normal : 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行
break-all : 该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all : 与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本
特性 text-autospace
语法:
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 : 当空格相邻表意字符时,扩展空格的宽度
特性:text-kashida-space
语法:
text-kashida-space : length
参数:
length : 百分数。标示kashida膨胀与空格膨胀的比例。为100%,仅有kashida膨胀。为0%,仅有空格膨胀。缺省值为0%
特性:text-justify
语法:
text-justify : auto |inter-word | newspaper | distribute | distribute-all-lines | inter-ideograph
参数:
auto : 允许浏览器用户代理确定使用的两端对齐法则
inter-word : 通过增加字之间的空格对齐文本。该行为是对齐所有文本行最快的方法。它的两端对齐行为对段落的最后一行无效
newspaper : 通过增加或减少字或字母之间的空格对齐文本。是用于拉丁文字母表两端对齐的最精确格式
distribute : 处理空格很像newspaper,适用于东亚文档。尤其是泰国
distribute-all-lines : 两端对齐行的方式与distribute相同,也同样不包含两段对齐段落的最后一行。适用于表意字文档
inter-ideograph : 为表意字文本提供完全两端对齐。他增加或减少表意字和词间的空格
特性ruby-align 浏览器对齐方式 (常用)
语法:
ruby-align : auto | left | center | right | distribute-letter | distribute-space | line-edge
参数:
auto : 由浏览器确定对齐方式。对于ideographic(东亚文本)以distribute-space值对齐。对于Latin文本以center值对齐
left : 根据基本宽度左对齐
center : 根据基本宽度居中对齐。如果基本宽度小于ruby文本的宽度,那么在ruby文本的宽度中居中基本宽度
right : 根据基本宽度右对齐
distribute-letter : 如果ruby文本的宽度小于基本宽度,则ruby文本在基本宽度中均匀分布。如果ruby文本的宽度大于或等于基本宽度,,居中对齐
distribute-space : 如果ruby文本的宽度小于基本宽度,则ruby文本在基本宽度中均匀分布。在ruby文本中,在第一个字符的前面后最后字符的后面有半个字距的空白区域。如果ruby文本的宽度大于或等于基本宽度,居中对齐
line-edge : 如果ruby文本不相邻行边缘,则其被居中。否则ruby文本行在基本文本边的上方
特性:ruby-overhang
语法:
ruby-overhang : auto | whitespace | none
参数:
auto : ruby文本突出相邻基本文本的任何其他文本
whitespace : ruby文本只突出空白区域的字符
none : ruby文本只突出相邻基本文本的任何其他文本
特性:ruby-position
语法:
ruby-position : above | inline
参数:
above : 在基本文本上方定位ruby文本
inline : ruby文本与基本文本内联
特性ime-mode版本:目的:激活文本输入框的IME
语法:
ime-mode : auto | active | inactive | disabled
参数:
auto : 不影响IME的状态。与不指定ime-mode属性时相同
active : 指定所有使用IME输入的字符。即激活本地语言输入法。用户仍可以撤销激活IME
inactive : 指定所有不使用IME输入的字符。即激活非本地语言。用户仍可以撤销激活IME
disabled : 完全禁用IME。对于有焦点的控件(如输入框),用户不可以激活IME
特性:layout-grid
语法:
layout-grid : layout-grid-mode || layout-grid-type || layout-grid-line || layout-grid-char || layout-grid-char-spacing
参数:
该属性是复合属性。请参阅各参数对应的属性。
特性:layout-grid-char
语法:
layout-grid-char : none | auto | length
参数:
none : 不指定行网格值
auto : 在对象文本中按最大字符确定网格
length : 百分数 | 由浮点数字和单位标识符组成的长度值,其百分比取值是基于父对象尺寸。请参阅长度单位
特性:layout-grid-char-spacing 版本:IE5+专有属性 继承性:有
语法:
layout-grid-char-spacing : auto | length
参数:
auto : 在对象文本中按最大字符确定网格
length : 百分数 | 由浮点数字和单位标识符组成的长度值,其百分比取值是基于父对象尺寸。请参阅长度单位
特性:layout-grid-line
layout-grid-line : none | auto | length
参数:
none : 不指定行网格值
auto : 在对象文本中按最大字符确定网格
length : 百分数 | 由浮点数字和单位标识符组成的长度值,其百分比取值是基于父对象尺寸。请参阅长度单位
特性:layout-grid-mode
语法:
layout-grid-mode : both | line | char | none
参数:
both : 指定char和line都被启用。要在一个对象上完全启用网格版式,此值是必须的
line : 指定只使用行网格。建议与内联对象(如span)一起使用
char : 指定只使用字符网格。建议和块对象(如div)一起使用
none : 不使用网格
特性:layout-grid-type
语法:
layout-grid-type : loose | strict | fixed
参数:
loose : 指定在中文或韩文中使用网格的文本,只有象形文字,假名,宽字符域网格对齐。其余的和通常一样,尽管包含这些字符的文本范围的layout-grid-mode被设置为none或line。该模式还禁用通常用于对象文本的特殊文本对齐和字符宽度调整。最后,如果不能再换行边界的文本中找到一个换行机会,那么文本将被推至下一行,并且上一行的最后留出空白
strict : 指定在日文中使用网格。规则为:如果没有其他的宽度调整效果,则增加宽字符以获取精确的网格填充。窄字符(除了草书字体)按照应用于宽字符的一半增量增加
fixed : 指定使用于等宽版式网格。规则为:所有非草书符号视为等宽。默认情况下,每个字符在单一网格中居中。禁止对齐或任何其他改变字符宽度的行为
text-overflow版本:CSS3.0 超出元素部分省略
继承性:无
语法:
text-overflow : clip | ellipsis
取值:
clip: 不显示省略标记(...),而是简单的裁切。
ellipsis: 当对象内文本溢出时显示省略标记(...)
word-wrap版本:CSS3.0 目的,连续文本
语法:
word-wrap : normal | break-word
取值:
normal: 控制连续文本换行。
break-word: 内容将在边界内换行。如果需要,词内换行(word-break)也会发生。