CSS学习笔记-属性篇。

在了解了CSS的调入的方法后，我们开始学习文档中对象的属性 ，并且了解html中对应的属性代表什么意思。

文本属性  Text Properties

 text-indent : length  检索或设置对象中的文本的缩进。默认值为 0 。

 text-overflow : clip | ellipsis  设置或检索是否使用一个省略标记(...)标示对象内文本的溢出。clip 默认值。不显示省略标记(...)，而是简单的裁切；ellipsis：当对象内文本溢出时显示省略标记(...)   

vertical-align : auto | baseline | sub | super | top | text-top | middle | bottom | text-bottom | length 设置或检索对象内容的垂直对其方式。

text-align : left | right | center | justify 设置或检索对象中文本的对齐方式。

layout-flow : horizontal | vertical-ideographic

horizontal	:	默认值。对象中的内容自左边流入。下一行在前一行下面。这个值适用于拉丁语系
vertical-ideographic	:	对象中的内容自上而下流入，下一行在前一行左面。这个值适用于亚洲语系

 

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

lr-tb	:	默认值。对象中的内容在水平方向上从左向右流入，后一行在前一行的下面。 所有的字形都是竖直向上的。这种布局是罗马语系使用的
tb-rl	:	上-下，右-左。对象中的内容在垂直方向上从上向下流入，自右向左。后一竖行在前一竖行的左面。全角字符是竖直向上的，半角字符如拉丁字母或片假名顺时针旋转90度。这种布局是东亚语系通常使用的

  direction : ltr | rtl | inherit 取值：用于设置文本流入的方向。请参阅对象的 dir 属性。

ltr	:	默认值。文本从左到右流入
rtl	:	文本从右到左流入
inherit	:	文本流入方向由继承获得

  unicode-bidi : normal | bidi-override | embed    

normal	:	默认值。对象不打开附加的嵌入层，对于内联要素，隐式重排序跨对象边界进行工作
bidi-override	:	严格按照 direction 属性的值重排序。忽略隐式双向运算规则
embed	:	对象打开附加的嵌入层， direction 属性的值指定嵌入层，在对象内部进行隐式重排序

word-break : normal | break-all | keep-all 设置或检索对象内文本的字内换行行为。尤其在出现多种语言时。

normal	:	默认值。允许在词间换行
break-all	:	该行为与亚洲语言的 normal 相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all	:	与所有非亚洲语言的 normal 相同。对于中文，韩文，日文，不允许字断开。适合包含少量亚洲文本的非亚洲文本

line-break : normal | strict 设置或检索用于日文文本的换行规则。

normal	:	默认值。应用日文文本的默认换行规则
strict	:	强制日文文本换行规则的严谨性

white-space : normal | pre | nowrap 设置或检索对象内空格字符的处理方式。

normal	:	默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行
pre	:	换行和其他空白字符都将受到保护。这个值需要IE6+或者 !DOCTYPE 声明为 standards-compliant mode 支持。如果 !DOCTYPE 声明没有指定为 standards-compliant mode ，此属性可以使用，但是不会发生作用。结果等同于 normal 。参阅 pre 对象
nowrap	:	强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象。参阅 noWrap 属性

word-wrap : normal | break-word 取值：

normal	:	默认值。允许内容顶开指定的容器边界
break-word	:	内容将在边界内换行。如果需要，词内换行( word-break )也将发生

说明：设置或检索当当前行超过指定容器的边界时是否断开转行。

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 : length | inherit 取值：

length	:	百分数。标示kashida膨胀与空格膨胀的比例。为100%，仅有kashida膨胀。为0%，仅有空格膨胀
inherit	:	遵循父对象的设置

说明：设置或检索如何拉伸字符来调节文本行排列。默认值为 0% 。

text-justify : auto | distribute | distribute-all-lines | distribute-center-last | inter-cluster | inter-ideograph | inter-word | kashida | newspaper 取值：

auto	:	默认值。允许浏览器代理用户确定使用的两端对齐法则
distribute	:	处理空格很像 newspaper ，适用于东亚文档。尤其是泰文
distribute-all-lines	:	两端对齐行的方式与 distribute 相同，也同样不包含两段对齐段落的最后一行。适用于表意字文档
distribute-center-last	:	未实现
inter-cluster	:	调整文本无词间空格的行。这种模式的调整是用于优化亚洲语言文档的
inter-ideograph	:	为表意字文本提供完全两端对齐。他增加或减少表意字和词间的空格
inter-word	:	通过增加字之间的空格对齐文本。该行为是对齐所有文本行最快的方法。它的两端对齐行为对段落的最后一行无效
kashida	:	通过拉长选定点的字符调整文本。这种调整模式是特别为阿拉伯脚本语言提供的。需要IE5.5+支持
newspaper	:	通过增加或减少字或字母之间的空格对齐文本。是用于拉丁文字母表两端对齐的最精确格式

说明：设置或检索对象内调整文本使用的对齐方式。

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 对象指定的注释文本或发音指南(参考 ruby 对象)的对齐位置。

ruby-position : above | inline 取值：

above	:	默认值。在基本文本上方定位 ruby 文本
inline	:	ruby 文本与基本文本内联

说明：设置或检索通过 rt 对象指定的注释文本或发音指南(参考 ruby 对象)的位置。

ruby-overhang : auto | whitespace | none 取值：

auto	:	默认值。 ruby 文本突出相邻基本文本的任何其他文本
whitespace	:	ruby 文本只突出空白区域的字符
none	:	ruby 文本只突出相邻基本文本的任何其他文本

说明：设置或检索通过 rt 对象指定的注释文本或发音指南(参考 ruby 对象)的位置。

ime-mode : auto | active | inactive | disabled 取值：

auto	:	默认值。不影响IME的状态。与不指定 ime-mode 属性时相同
active	:	指定所有使用IME输入的字符。即激活本地语言输入法。用户仍可以撤销激活IME
inactive	:	指定所有不使用IME输入的字符。即激活非本地语言。用户仍可以撤销激活IME
disabled	:	完全禁用IME。对于有焦点的控件(如输入框)，用户不可以激活IME

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

layout-grid : layout-grid-mode || layout-grid-type || layout-grid-line || layout-grid-char 取值：

该属性是复合属性。请参阅各参数对应的属性。 默认值为：both loose none none。

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

layout-grid-char : none | auto | length 取值：

none	:	默认值。无字符网格设定
auto	:	在对象文本中按最大的字符确定网格
length	:	百分数 | 由浮点数字和单位标识符组成的长度值，其百分比取值是基于父对象尺寸。请参阅 长度单位

说明：设置或检索应用于对象内容文本的字符网格尺寸。

layout-grid-line : none | auto | length 取值：

none	:	默认值。无行网格设定
auto	:	在对象文本中按最大的字符确定网格
length	:	百分数 | 由浮点数字和单位标识符组成的长度值，其百分比取值是基于父对象尺寸。请参阅 长度单位

说明：设置或检索应用于对象文本的行网格尺寸。

layout-grid-mode : both | line | char | none 取值：

both	:	默认值。指定 char 和 line 都被启用。要在一个对象上完全启用网格版式，此值是必须的
line	:	指定只使用行网格。建议与内联对象(如 span )一起使用
char	:	指定只使用字符网格。建议和块对象(如 div )一起使用
none	:	不使用网格

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

layout-grid-type : loose | strict | fixed 取值：

loose	:	默认值。指定在中文或韩文中使用网格的文本，只有象形文字，假名，宽字符域网格对齐。其余的和通常一样，尽管包含这些字符的文本范围的 layout-grid-mode 被设置为 none 或 line 。该模式还禁用通常用于对象文本的特殊文本对齐和字符宽度调整。最后，如果不能再换行边界的文本中找到一个换行机会，那么文本将被推至下一行，并且上一行的最后留出空白
strict	:	指定在日文中使用网格。规则为：如果没有其他的宽度调整效果，则增加宽字符以获取精确的网格填充。窄字符(除了草书字体)按照应用于宽字符的一半增量增加
fixed	:	指定使用于等宽版式网格。规则为：所有非草书符号视为等宽。默认情况下，每个字符在单一网格中居中。禁止对齐或任何其他改变字符宽度的行为

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