转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> 网页制作 >> 正文
CSS文字Text语法及实例介紹之一         ★★★★

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

作者:闵涛 文章来源:闵涛的学习笔记 点击数:778 更新时间:2009/6/9 2:31:12

一: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; }


[办公软件]这样来修改PowerPoint超级链接的文字颜色  [办公软件]Office(Word,Excel)密码破解软件(Office Password…
[办公软件]PowerPointXP技巧之文字下落反弹动画  [办公软件]PowerPoint文字间距(段前、段后、行距)的操作
[办公软件]Office文档如何使用字号设置超大文字(字体字号设置…  [办公软件]随心所欲设置Excel单元格文字方向
[办公软件]如何设置Excel(*.xls)文件密码(给Excel文件加密)(…  [Web开发]NET实现文件上传CS源代码
[Web开发]增加或修改Session的会话时间  [Web开发]ASP.NET 2.0使用CSS失效的解决办法
教程录入:mintao    责任编辑:mintao 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台