Home > Article > Web Front-end > What does rtl mean in css
What does rtl mean in css
- WBOYOriginal
- 2022-04-24 11:07:243953browse
In CSS, rtl is the abbreviation of "right-to-left", which means from right to left. It refers to the arrangement of inline content from right to left. It is an attribute of the direction attribute. Value; this attribute specifies the direction and writing direction of the text, and the syntax is "element {direction:rtl}".
The operating environment of this tutorial: Windows 10 system, CSS3&&HTML5 version, Dell G3 computer.
What does rtl mean in css
rtl, the abbreviation of right-to-left, means from right to left. To describe it more specifically, the inline content is from right to left. Arrangement, adding and applying this CSS statement, then the two images before and after, by default, the one with DOM in front will be displayed on the right; and it is at the right end of the container.
The direction attribute specifies the direction/writing direction of the text.
This attribute specifies the basic writing direction of the block, as well as the embedding and overlaying directions for the Unicode bidirectional algorithm. User agents that do not support bidirectional text may ignore this attribute.
Possible values for this attribute are:
ltr is the initial value, which means left-to-right, which means from left to right. More specific The description is that the inline content is arranged from left to right. This is how we usually process web pages. For example, if there are two pictures before and after, by default, the one with the DOM first is displayed on the left.
The example is as follows:
<html>
<head>
<style type="text/css">
div.one
{direction:rtl}
div.two
{
direction: ltr
}
</style>
</head>
<body>
<div class="one">Some text. Right-to-left direction.</div>
<div class="two">Some text. Left-to-right direction.</div>
</body>
</html>Output result:
(Learning video sharing: css video tutorial)
The above is the detailed content of What does rtl mean in css. For more information, please follow other related articles on the PHP Chinese website!