CSS学习,5--文本属性

text-kashida-space 版本:IE5.5+专有属性 继承性:有

语法:

text-kashida-space : length

参数:

length :  百分数。标示kashida膨胀与空格膨胀的比例。为100%,仅有kashida膨胀。为0%,仅有空格膨胀。缺省值为0%

说明:

设置或检索如何拉伸字符来调节文本行排列。它可以和text-justify属性一起使用。

示例:

1 div { text-kashida-space : 50%; }

text-justify 版本:IE5+专有属性 继承性:无

语法:

text-justify : auto |inter-word | newspaper | distribute | distribute-all-lines | inter-ideograph

参数:

auto :  允许浏览器用户代理确定使用的两端对齐法则

inter-word :  通过增加字之间的空格对齐文本。该行为是对齐所有文本行最快的方法。它的两端对齐行为对段落的最后一行无效

newspaper :  通过增加或减少字或字母之间的空格对齐文本。是用于拉丁文字母表两端对齐的最精确格式

distribute :  处理空格很像newspaper,适用于东亚文档。尤其是泰国

distribute-all-lines :  两端对齐行的方式与distribute相同,也同样不包含两段对齐段落的最后一行。适用于表意字文档

inter-ideograph :  为表意字文本提供完全两端对齐。他增加或减少表意字和词间的空格

说明:

设置或检索对象内文本的对齐方式。

示例:

1 div {text-justify : auto; }

ruby-align 版本:IE5+专有属性 继承性:无

语法:

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文本行在基本文本边的上方

说明:

设置或检索通过rt对象指定的注释文本或发音指南的对齐位置。

示例:

1 ruby { ruby-align: right; }

ruby-overhang 版本:IE5+专有属性 继承性:无

语法:

ruby-overhang : auto | whitespace | none

参数:

auto :  ruby文本突出相邻基本文本的任何其他文本

whitespace :  ruby文本只突出空白区域的字符

none :  ruby文本只突出相邻基本文本的任何其他文本

说明:

设置或检索通过rt对象指定的注释文本或发音指南的位置。

示例:

1 ruby { ruby-overhang: auto; }

ruby-position 版本:IE5+专有属性 继承性:无

语法:

ruby-position : above | inline

参数:

above :  在基本文本上方定位ruby文本

inline :  ruby文本与基本文本内联

说明:

设置或检索通过rt对象指定的注释文本或发音指南的位置。

示例:

1 ruby { ruby-position: above; }

ime-mode 版本:IE5+专有属性 继承性:无

语法:

ime-mode : auto | active | inactive | disabled

参数:

auto : 不影响IME的状态。与不指定ime-mode属性时相同

active : 指定所有使用IME输入的字符。即激活本地语言输入法。用户仍可以撤销激活IME

inactive : 指定所有不使用IME输入的字符。即激活非本地语言。用户仍可以撤销激活IME

disabled : 完全禁用IME。对于有焦点的控件(如输入框),用户不可以激活IME

说明:

设置或检索是否允许用户激活输入中文,韩文,日文等的输入法(IME)状态。

示例:

1 <input type=text >

layout-grid 版本:IE5+专有属性 继承性:有

语法:

layout-grid : layout-grid-mode || layout-grid-type || layout-grid-line || layout-grid-char || layout-grid-char-spacing

参数:

该属性是复合属性。请参阅各参数对应的属性。

说明:

设置或检索复合文档中指定文本字符版式的网格特性。

以东亚语言(如中文,日文)编写的文档通常根据一维或二维网格使用字符的页面版式。

示例:

1 div { layout-grid:char line 12px 12px 5px; }

layout-grid-char 版本:IE5+专有属性 继承性:有

语法:

layout-grid-char : none | auto | length

参数:

none :  不指定行网格值

auto :  在对象文本中按最大字符确定网格

length :  百分数 | 由浮点数字和单位标识符组成的长度值,其百分比取值是基于父对象尺寸。

说明:

设置或检索应用于对象文本的字符网格值。

要实现此属性,layout-grid-mode必须设置为char或both。

其视觉效果类似于line-height属性。只应用于块对象(如div)。

以东亚语言(如中文,日文)编写的文档通常根据一维或二维网格使用字符的页面版式。

示例:

1 div { layout-grid-char: auto; }

layout-grid-char-spacing 版本:IE5+专有属性 继承性:有

语法:

layout-grid-char-spacing : auto | length

参数:

auto :  在对象文本中按最大字符确定网格

length :  百分数 | 由浮点数字和单位标识符组成的长度值,其百分比取值是基于父对象尺寸。

说明:

设置或检索字符间隔。

要实现此属性,layout-grid-mode必须设置为char或both。layout-grid-type必须设置为loose。

其视觉效果类似于line-height属性。只应用于块对象(如div)。

以东亚语言(如中文,日文)编写的文档通常根据一维或二维网格使用字符的页面版式。

示例:

1 div { layout-grid-char-spacing: auto; }

layout-grid-line 版本:IE5+专有属性 继承性:有

语法:

layout-grid-line : none | auto | length

参数:

none :  不指定行网格值

auto :  在对象文本中按最大字符确定网格

length :  百分数 | 由浮点数字和单位标识符组成的长度值,其百分比取值是基于父对象尺寸。

说明:

设置或检索应用于对象文本的行网格值。

要实现此属性,layout-grid-mode必须设置为line或both。

其视觉效果类似于line-height属性。只应用于块对象(如div)。

以东亚语言(如中文,日文)编写的文档通常根据一维或二维网格使用字符的页面版式。

示例:

1 div { layout-grid-line: auto; }

layout-grid-mode 版本:IE5+专有属性 继承性:有

语法:

layout-grid-mode : both | line | char | none

参数:

both :  指定char和line都被启用。要在一个对象上完全启用网格版式,此值是必须的

line :  指定只使用行网格。建议与内联对象(如span)一起使用

char :  指定只使用字符网格。建议和块对象(如div)一起使用

none :  不使用网格

说明:

设置或检索文本网格版式是否使用二维。

以东亚语言(如中文,日文)编写的文档通常根据一维或二维网格使用字符的页面版式。

示例:

1 div { layout-grid-mode: char; }

layout-grid-type 版本:IE5+专有属性 继承性:有

语法:

layout-grid-type : loose | strict | fixed

参数:

loose :  指定在中文或韩文中使用网格的文本,只有象形文字,假名,宽字符域网格对齐。其余的和通常一样,尽管包含这些字符的文本范围的layout-grid-mode被设置为none或line。该模式还禁用通常用于对象文本的特殊文本对齐和字符宽度调整。最后,如果不能再换行边界的文本中找到一个换行机会,那么文本将被推至下一行,并且上一行的最后留出空白

strict :  指定在日文中使用网格。规则为:如果没有其他的宽度调整效果,则增加宽字符以获取精确的网格填充。窄字符(除了草书字体)按照应用于宽字符的一半增量增加

fixed :  指定使用于等宽版式网格。规则为:所有非草书符号视为等宽。默认情况下,每个字符在单一网格中居中。禁止对齐或任何其他改变字符宽度的行为

说明:

设置或检索应用于对象文本的网格类型。

只应用于块对象(如div)。

以东亚语言(如中文,日文)编写的文档通常根据一维或二维网格使用字符的页面版式。

示例:

1 div { layout-grid-type: strict; }