Syntax

Direction

Setting the direction of text.

Overview

ClassDeclarations
direction:ltrdirection: ltr;
direction:rtldirection: rtl;

There are a wide variety of animals in the world, and each one has its own unique set of characteristics and habits.

<p class="direction:ltr">There are a wide variety of animals in the world …</p>

Basic usage

LTR

Use direction:ltr to set the text direction to left-to-right.

There are a wide variety of animals in the world, and each one has its own unique set of characteristics and habits.

<p class="direction:ltr">There are a wide variety of animals in the world …</p>

RTL

Use direction:rtl to set the text direction to right-to-left.

There are a wide variety of animals in the world, and each one has its own unique set of characteristics and habits.

<p class="direction:rtl">There are a wide variety of animals in the world …</p>

Conditionally apply

Apply styles based on different states using selectors and conditional queries.

<div class="direction:ltr:hover direction:ltr@sm direction:ltr@dark direction:ltr@print"></div>
Syntax
Cursor

Setting the mouse cursor style.

Syntax
Display

Controlling the element's inner and outer display types.

© Aoyue Design LLC.