Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Inverted CSS properties to change to RTL

Tags:

html

css

web

To change a web page CSS to be RTL from LTR I have to set or invert the following CSS properties:

body{direction:rtl}

any float:left should be float:right and Vice versa

any padding or margin regarding left or right should be reversed

In addition any images should be inverted horizontally.

My question is: are there any more CSS properties should be changed?

like image 673
SaidbakR Avatar asked Dec 09 '22 21:12

SaidbakR


1 Answers

text-align, background-position, border positions, left and right positions, basically anything and everything that has a horizontal property.

If you would like to do it by hand, you may go through a list of css properties such as this one, but personally I would look at using one of the online tools to get started.

CSSJanus is usually pretty good, though I am sure there are more out there if you google it.

Best of luck.

like image 82
Tsubashi Avatar answered Dec 30 '22 17:12

Tsubashi