Dzwebs.Net

撰写电脑技术杂文十余年

CSS文字Text语法及实例介紹之一

Admin | 2008-5-9 21:04:22 | 被阅次数 | 6696

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

一:text-indent

语法:
 
text-indent : length
 
参数:
 
length :  百分比数字|由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位
 
说明:
 
检索或设置对象中的文本的缩进。
在被另一个对象(如)断开的对象内不能应用本属性。
对应的脚本特性为textIndent。请参阅我编写的其他书目。
 
示例:
 
div { text-indent : -5px; }
div { text-indent : underline 10%; }

二:text-overflow

语法:
 
text-overflow : clip | ellipsis
 
参数:
 
clip :  不显示省略标记(...),而是简单的裁切
ellipsis :  当对象内文本溢出时显示省略标记(...)
 
说明:
 
设置或检索是否使用一个省略标记(...)标示对象内文本的溢出。
对应的脚本特性为textOverflow。请参阅我编写的其他书目。
 
示例:
 
div { text-overflow : clip; }

三:vertical-align

语法:
 
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%。目前IE5尚不支持。请参阅长度单位
 
说明:
 
设置或检索对象内容的垂直对其方式。
对应的脚本特性为verticalAlign。请参阅我编写的其他书目。
 
示例:
 
td { vertical-align : center; }

四:text-align

语法:
 
text-align : left | right | center | justify
 
参数:
 
left :  左对齐
right :  右对齐
center :  居中
justify :  两端对齐
 
说明:
 
设置或检索对象中文本的对齐方式。
对应的脚本特性为textAlign。请参阅我编写的其他书目。
 
示例:
 
div { text-align : center; }

五:layout-flow

语法:
 
layout-flow : horizontal | vertical-ideographic
 
参数:
 
horizontal :  对象中的内容自左边流入。下一行在前一行下面。这个值适于拉丁语系
vertical-ideographic :  对象中的内容自上而下流入,下一行在前一行左面。这个值适于亚洲语系
 
说明:
 
设置或检索对象内文本的流动和方向。
当此属性值发生变化时,text-align属性与vertical-align属性的作用也将发生变化。
对应的脚本特性为layoutFlow。请参阅我编写的其他书目。
 
示例:
 
div { layout-flow : horizontal; } 

六:writing-mode

语法:
 
writing-mode : lr-tb | tb-rl
 
参数:
 
lr-tb : 左-右,上-下
tb-rl : 上-下,右-左
 
说明:
 
设置或检索对象的内容块固有的书写方向。西方语言确省的是左-右,上-下的书写方式。但是亚洲语言常有上-下,右-左的书写方式。
当此属性值发生变化时,text-align属性与vertical-align属性的作用也将发生变化。
对应的脚本特性为writingMode。请参阅我编写的其他书目。
 
示例:
 
div { writing-mode: tb-rl; }

七:direction

语法:
 
direction : ltr | rtl | inherit
 
参数:
 
ltr :  文本流从左到右
rtl :  文本流从右到左
inherit :  文本流的值不可继承
 
说明:
 
用于设置文本流的方向。
假如您想应用direction属性于内联文本,您必须设定unicode-bidi属性为embed或bidi-override。
对应的脚本特性为direction。请参阅我编写的其他书目。
 
示例:
 
div { direction: rtl; unicode-bidi: bidi-override; }

八:unicode-bidi

语法:
 
unicode-bidi : normal | bidi-override | embed
 
参数:
 
normal :  对象不打开附加的嵌入层,对于内联要素,隐式重排序跨对象边界进行工作
embed :  对象打开附加的嵌入层,direction属性的值指定嵌入层,在对象内部进行隐式重排序
bidi-override :  严格按照direction属性的值重排序。忽略隐式双向运算规则
 
说明:
 
用于同一个页面里存在从不同方向读进的文本显示。与direction属性一起使用。
假如您想应用direction属性于内联文本,您必须设定unicode-bidi属性为embed或bidi-override。
对应的脚本特性为unicodeBidi。请参阅我编写的其他书目。
 
示例:
 
div { direction: rtl; unicode-bidi: bidi-override; }


该杂文来自: 网页制作杂文

上一篇:CSS字体Font语法及实例介紹下篇

下一篇:CSS文字Text语法及实例介紹之二

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计