CSS2 direction 属性

说明：本文档兼容性测试基础环境为：windows系统；IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51

语法：

direction：ltr | rtl

默认值：ltr

取值：

ltr：

文本流从左到右。

rtl：

文本流从右到左。

说明：

检索或设置文本流的方向。

假如您想应用direction属性于内联元素的文本，您必须设定unicode-bidi属性为embed或bidi-override。
对应的脚本特性为direction。

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title>direction_CSS参考手册_web前端开发参考手册系列</title>
<style>
.test p{width:320px;margin:15px 0;border:1px solid #000;}
.ltr p{direction:ltr;}
.rtl p{direction:rtl;unicode-bidi:bidi-override;}
</style>
</head>
<body>
<ul class="test"><li class="ltr"><strong>ltr：</strong><p>本段文字将按照从左到右的方向进行流动。</p></li><li class="rtl"><strong>rtl：</strong><p>本段文字将按照从右到左的方向进行流动。</p></li>
</ul>
</body>
</html>

direction 属性相关推荐

CSS 文本方向 direction属性
对于英文或中文等语言,默认是从左到右.从上到下进行阅读.然而,并非所有语言都是如此,还有许多从右向左阅读的语言,如阿拉伯语和希伯来语等. 于是,CSS2.1引入了 direction属性,用来定义文本 ...
normal和embed有什么不同？浅显理解unicode-bidi属性，和direction属性。
大家有兴趣可以先理解一下Unicode双向算法,链接:https://www.jianshu.com/p/f6c4c00ad923,我自己是看的云里雾里的,下面仅以个人理解写下对unicode-bid ...
css direction属性
csss direction属性用来控制元素内文本的方向,有ltr和rtl两个常用值 //classname为a的元素内问本内容方向从左往右 .a{direction:ltr } //classnam ...
html中文本属性的设置,css 文本属性direction的功能详解说明
摘要: 下文讲述css属性direction的功能说明,如下所示: css direction的功能说明 css direction的功能: 设置html元素中文本流的显示方向 css directi ...
css 用direction来改变元素水平方向，价值研究。
"direction"有两个值:ltr | rtl ltr:从左往右 rtl:从右往左默认:ltr 一起看个效果就懂了. <style>div{direction:r ...
关于拜读张鑫旭文章，了解的新属性
昨天有幸拜读到张鑫旭写的就关于知乎10个问题的一篇文章(http://www.zhangxinxu.com/wordpress/2017/06/ten-question-about-frontend- ...
html网页的主题标签是什么6,HTML标签以及各个标签属性大全（网页制作必备）
取消换行和相反总类(所有HTML文件都有的) -------------------------------------------------------------------------- ...
html网页的主题标签是什么6,HTML标签及标签属性大全（网页制作必备知识）
html标签及标签属性大全(网页制作必备知识) 总类(所有html文件都有的) ------------------------------------------------------------ ...
direction和unicode-bidi
css中unicode-bidi和direction属性决定了HTML或XML文字渲染方向,两个属性结合使用可以改变文字书写顺序. direction属性有三个值: ltr : 默认值,文本流从左到右 ...

direction 属性

CSS2 direction 属性

语法：

取值：

说明：

direction 属性相关推荐

最新文章

热门文章