expression web 视频教程第十节 格式菜单[4] 样式
10这节讲【块】div[参考网络一些信息]
letter-spacing
语法:
letter-spacing : normal | length
取值:
normal | : | 默认值。默认间隔 |
length | : | 由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位 |
说明:
检索或设置对象中的文字之间的间隔。
该属性将指定的间隔添加到每个文字之后,但最后一个字将被排除在外。
字符间距会受对齐调整影响。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 letterSpacing 。
该属性将指定的间隔添加到每个文字之后,但最后一个字将被排除在外。
字符间距会受对齐调整影响。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 letterSpacing 。
示例:
div {letter-spacing:6px; }
div {letter-spacing:0.5pt; }
div {letter-spacing:0.5pt; }
=====================
语法:
line-height : normal | length
取值:
normal | : | 默认值。默认行高 |
length | : | 百分比数字 | 由浮点数字和单位标识符组成的长度值,允许为负值。其百分比取值是基于字体的高度尺寸。请参阅 长度单位 |
说明:
检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离。
行高是字体下延与字体内部高度的顶端之间的距离。为负值的行高可用来实现阴影效果。
假如一个格式化的行包括不止一个对象,则最大行高会被应用。在这种情况下,此属性不可以为负值。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 lineHeight 。
行高是字体下延与字体内部高度的顶端之间的距离。为负值的行高可用来实现阴影效果。
假如一个格式化的行包括不止一个对象,则最大行高会被应用。在这种情况下,此属性不可以为负值。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 lineHeight 。
示例:
div {line-height:6px; }
div {line-height:10.5; }
div {line-height:10.5; }
=================
text-indent : length
取值:
length | : | 百分比数字 | 由浮点数字和单位标识符组成的长度值,允许为负值。请参阅 长度单位 |
说明:
检索或设置对象中的文本的缩进。默认值为 0 。
在被另一个对象(如 br )断开的对象内不能应用本属性。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 textIndent 。
在被另一个对象(如 br )断开的对象内不能应用本属性。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 textIndent 。
示例:
DIV { text-indent:2cm }
.click1 { text-indent:50% }
.click2 { text-indent: }
.click1 { text-indent:50% }
.click2 { text-indent: }
=========================
语法:
text-align : left | right | center | justify
取值:
left | : | 默认值。左对齐 |
right | : | 右对齐 |
center | : | 居中对齐 |
justify | : | 两端对齐 |
说明:
设置或检索对象中文本的对齐方式。
此属性作用于所有块对象(block elements)。在一个 div 对象里的所有块对象的会继承此属性值。 假如属性没有设置,这个参数将获取 null 值。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 textAlign 。
此属性作用于所有块对象(block elements)。在一个 div 对象里的所有块对象的会继承此属性值。 假如属性没有设置,这个参数将获取 null 值。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 textAlign 。
示例:
div { text-align : center; }
===================
语法:
white-space : normal | pre | nowrap
取值:
normal | : | 默认值。默认处理方式。文本自动处理换行。假如抵达容器边界内容会转到下一行 |
pre | : | 换行和其他空白字符都将受到保护。这个值需要IE6+或者 !DOCTYPE 声明为 standards-compliant mode 支持。如果 !DOCTYPE 声明没有指定为 standards-compliant mode ,此属性可以使用,但是不会发生作用。结果等同于 normal 。参阅 pre 对象 |
nowrap | : | 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象。参阅 noWrap 属性 |
说明:
设置或检索对象内空格字符的处理方式。
空格字符,像换行,空格,TAB,在HTML文档中默认的是被忽略的。当此属性设置为 normal 或者 nowrap 时,你可以使用不换行空格的命名实体 来添加空格,用 br 元素来添加换行。此属性对你使用文档对象模型(DOM)操作的内容的影响与其对IE显示内容的影响一样。
此属性作用于块对象。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 whiteSpace 。
空格字符,像换行,空格,TAB,在HTML文档中默认的是被忽略的。当此属性设置为 normal 或者 nowrap 时,你可以使用不换行空格的命名实体 来添加空格,用 br 元素来添加换行。此属性对你使用文档对象模型(DOM)操作的内容的影响与其对IE显示内容的影响一样。
此属性作用于块对象。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 whiteSpace 。
示例:
p { white-space: nowrap; }
======================
语法:
vertical-align : auto | baseline | sub | super | top | text-top | middle | bottom | text-bottom | length
取值:
auto | : | CSS1 | 根据 layout-flow 属性的值对齐对象内容 |
baseline | : | CSS1 | 默认值。将支持 valign 特性的对象的内容与基线对齐 |
sub | : | CSS1 | 垂直对齐文本的下标 |
super | : | CSS1 | 垂直对齐文本的上标 |
top | : | CSS1 | 将支持 valign 特性的对象的内容对象顶端对齐 |
text-top | : | CSS1 | 将支持 valign 特性的对象的文本与对象顶端对齐 |
middle | : | CSS1 | 将支持 valign 特性的对象的内容与对象中部对齐 |
bottom | : | CSS1 | 将支持 valign 特性的对象的内容与对象底端对齐 |
text-bottom | : | CSS1 | 将支持 valign 特性的对象的文本与对象顶端对齐 |
length | : | CSS2 | 由浮点数字和单位标识符组成的长度值 | 百分数。可为负数。定义由基线算起的偏移量。基线对于数值来说为0,对于百分数来说就是0%。请参阅 长度单位 。目前IE尚未实现此参数 |
说明:
设置或检索对象内容的垂直对其方式。
对于 currentStyle 对象而言此属性的默认值为 auto 。对于其他对象而言是 baseline 。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 verticalAlign 。
对于 currentStyle 对象而言此属性的默认值为 auto 。对于其他对象而言是 baseline 。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 verticalAlign 。
示例:
td { vertical-align : middle; }
==============================
语法:
word-spacing : normal | length
取值:
normal | : | 默认值。默认间隔 |
length | : | 由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位 |
说明:
检索或设置对象中的单词之间插入的空隔。
对于IE4+而言仅在MAC平台上可用。对于其他系统平台的支持由IE6开始。
单词间距会受对齐调整影响。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 wordSpacing 。
对于IE4+而言仅在MAC平台上可用。对于其他系统平台的支持由IE6开始。
单词间距会受对齐调整影响。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 wordSpacing 。
示例:
div { word-spacing : 10; }
div { word-spacing : 10px; }
div { word-spacing : 10px; }
视频下载地址
我尽快的录制