Get the App
SLTechnology News&Howtos  ›  Development  › 

What does rtl mean in css?

Shulou Source: shulou.com Published: 2022-05-31 19:58:16 10月03日 Update

This article mainly explains "what is the meaning of rtl in css". The content of the explanation is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn "what is the meaning of rtl in css".

In css, rtl is the abbreviation of "right-to-left", meaning from right to left, which means that the inline content is arranged from right to left, which is an attribute value of the direction attribute; this attribute specifies the direction and writing direction of the text, and the syntax is "element {direction:rtl}".

The operating environment of this tutorial: windows10 system, CSS3&&HTML5 version, Dell G3 computer.

What does rtl mean in css?

Rtl,right-to-left abbreviation means from right to left. In a specific description, inline content is arranged from right to left. If this CSS declaration is applied, the front and back images are displayed on the right side by default, and the DOM is on the right side of the container.

The direction attribute specifies the direction of the text / direction of writing.

This attribute specifies the basic writing direction of the block, as well as the direction of embedding and overwriting for the Unicode bidirectional algorithm. User agents that do not support two-way text can ignore this attribute.

The possible values for this property are:

Ltr is the initial value, indicating left-to-right, which means from left to right, and then specific description, that is, inline content is arranged from left to right, our usual web page processing is like this, for example, before and after two pictures, by default, the DOM in front is displayed on the left.

Examples are as follows:

Div.one {direction:rtl} div.two {direction: ltr} Some text. Right-to-left direction.Some text. Left-to-right direction.

Output result:

Thank you for your reading, the above is the content of "what is the meaning of rtl in css". After the study of this article, I believe you have a deeper understanding of what the meaning of rtl in css is, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Tags: Attributes directions content meaning meaning that is situation text learning two-way pictures abbreviations elements right containers ideas tutorials articles are in Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno NVidia macOS Apple MariaDB Shulou Information