rtl在css是什么意思

2022-04-24 11:30:09 IT技术网 互联网
浏览

在css中，rtl是“right-to-left”的缩写，是从右往左的意思，指的是内联内容从右往左依次排布，是direction属性的一个属性值；该属性规定了文本的方向和书写方向，语法为“元素{direction:rtl}”。

本教程操作环境：windows10系统、CSS3&&HTML5版本、Dell G3电脑。

rtl在css是什么意思

rtl，right-to-left缩写，就是从右往左的意思，再具体描述下，就是内联内容是从右往左依次排布的，加入应用了这个CSS声明，则前后两个图片，默认情况下，DOM在前的就显示在右侧；而且是在容器的右端。

direction 属性规定文本的方向 / 书写方向。

该属性指定了块的基本书写方向，以及针对 Unicode 双向算法的嵌入和覆盖方向。不支持双向文本的用户代理可以忽略这个属性。

该属性可能的值有：

03.png

ltr是初始值，表示left-to-right，就是从左往右的意思，再具体描述下，就是内联内容是从左往右依次排布的，我们平时网页的处理都是这样的，比方说前后两个图片，默认情况下，DOM在前的就显示在左边。

示例如下：

<html>
<head>
<style type="text/css">
p.one
{direction:rtl}
p.two
{
direction: ltr
}
</style>
</head>
<body>
<p class="one">Some text. Right-to-left direction.</p>
<p class="two">Some text. Left-to-right direction.</p>
</body>
</html>

输出结果：

04.png

（学习视频分享：css视频教程）

以上就是rtl在css是什么意思的详细内容，更多请关注dnjidi.com其它相关文章！
css