Css derslerimize devam ediyoruz.Bu derste yazıları ters çeviren bir css özelliğini anlatacağım.Bunun için kullanacağımız komut
unicode-bidi.
Yazıları ters çevirmek için önce
direction:rtl; vererek objeyi sağa yaslarız.Direction text-align gibi yazıya yön veren bir komut.Bu komut ile önce sağa yaslamamız gerekir.Daha sonra
unicode-bidi:bidi-override; vererek yazıyı ters çevirebiliriz.Tekrar eski konumuna getirmek için text-aliginde kullanabiliriz.
Genel örnek :
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Ustaderslik</title>
<style type="text/css">
.ters{direction:rtl;unicode-bidi:bidi-override;text-align:left}
</style>
</head>
<body>
<div>www.ustaderslik.com</div>
<div class="ters">www.ustaderslik.com</div>
</body>
</html>
Görüntüsü :
Gördüğünüz gibiyi yazıyı ters çevirdik.Kullanımı bu kadar.
UstaDerslik
