css 3

Icon

A comprehensive CSS 3 reference guide, tutorial, and blog
Are you a CSS expert? Want to contribute? Contact us

CSS DIRECTION

Text in some languages flows from right to left, while many other languages flow from left to right. There will inevitably be cases where left to right text and right to left content must be intermingled. Unicode allows for a complex process of determining the directional flow of content based on properties of the characters and content, as well as explicit controls for language “embeddings” and directional overrides. This algorithm should be used with bi-directional content as formatted by CSS. The ‘unicode-bidi’ and ‘direction’ properties specify how document content maps to the Unicode algorithm.

The ‘direction’ property specifies the base direction (reading order) for text content in an element. It is also meant to control the directionality of table columns, text overflow and positioning of justified text.

 

Example

div { unicode-bidi: embed; direction: rtl }

<div style=”unicode-bidi: embed; direction: rtl”>Bidi content right to left</div>

 

Possible Values

Value Description
inherit Explicitly sets the value of this property to that of the parent.
ltr Text flow is left-to-right.
rtl Text flow is right-to-left.

 

One Response

  1. CJ says:

    Hey,

    I wanted to know if there is a top to bottom for this as well. Like a ttb and a btt value.

    Thanks,

    CJ

Leave a Reply

Pages

Sponsors

$100 PSD to XHTML. CONTACT US FOR MORE INFORMATION


CSS3.com



Please help CSS3.com stay alive and running

Bad Behavior has blocked 1192 access attempts in the last 7 days.