CSS文本

来自站长百科
跳转至: 导航、​ 搜索

导航: 上一页 | ASP | PHP | JSP | HTML | CSS | XHTML | aJAX | Ruby | JAVA | XML | Python | ColdFusion

text-indent[ ]

语法:text-indent : length
取值:length  :  百分比数字 | 由浮点数字和单位标识符组成的长度值,允许为负值。
说明:检索或设置对象中的文本的缩进。默认值为 0 。
在被另一个对象(如 br )断开的对象内不能应用本属性,此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。 对应的脚本特性为 textIndent 。
示例:
DIV { text-indent:2cm }
.click1 { text-indent:50% }
.click2 { text-indent: }

text-overflow[ ]

语法:text-overflow : clip | ellipsis
取值:
clip  :  默认值。不显示省略标记(...),而是简单的裁切
ellipsis  :  当对象内文本溢出时显示省略标记(...)

说明:
设置或检索是否使用一个省略标记(...)标示对象内文本的溢出。
这个属性仅仅作用于水平内联方向的,普通的西方文本的溢出。内联溢出发生在行内的文本超出可用宽度却没有换行机会的时候。
要强制溢出发生并且应用 ellipsis 值,作者必须设置对象的 white-space 属性值为 nowrap 。
假如没有换行机会(例如,对象容器的宽度是狭窄的,而内有很长的没有合理断行的文本),没有应用 nowrap 也有可能溢出。
为了使 ellipsis 值被应用,此属性必须被设置到具有不可视区域的对象。最好的选择是设置 overflow 属性为 hidden 。设置 overflow 属性为 scroll 或者 auto 时,此属性也会应用。但是会有滚动条出现。
通过选择省略标记,隐藏的文本可以被选择。当选择发生时,省略标记会隐藏而被文本替换。
此属性为在DHTML中制作省略标记提供了高效的方法。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 textOverflow 。
示例:
div { overflow: hidden; text-overflow:ellipsis; }

vertical-align[ ]

语法:
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%。

说明:
设置或检索对象内容的垂直对其方式。
对于 currentStyle 对象而言此属性的默认值为 auto 。对于其他对象而言是 baseline 。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 verticalAlign 。
示例:td { vertical-align : middle; }
==text-align==
语法:text-align : left | right | center | justify
取值:
left  :  默认值。左对齐
right  :  右对齐
center  :  居中对齐
justify  :  两端对齐

说明:
设置或检索对象中文本的对齐方式。
此属性作用于所有块对象(block elements)。在一个 div 对象里的所有块对象的会继承此属性值。 假如属性没有设置,这个参数将获取 null 值。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 textAlign 。
示例:div { text-align : center; }

layout-flow[ ]

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

说明:
设置或检索对象内文本的流动和方向。
当此属性值发生变化时, text-align 属性与 vertical-align 属性的作用也将发生变化。
这是一个不建议使用的属性。建议使用 writing-mode 属性替代它。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 layoutFlow 。
示例:div { layout-flow : horizontal; }