CSS direction property

CSS direction property menentukan arah teks (penempatan setiap kata dalam teks pada setiap baris) dari arah kiri ke kanan atau dari kanan ke kiri. Perbedaan arah teks ditentukan melalui nilai css direction property. Sekalipun sepintas terlihat hampir sama dengan fungsi css text-align (left dan right), namun sebenarnya kedua css property ini mempunyai fungsi dan kegunaan berbeda.

Value/nilai css direction property

  • ltr (default : left to right) » berfungsi menentukan arah teks kiri ke kanan.
  • rtl » berfungsi menentukan arah teks kanan ke kiri.
  • inherit » berfungsi menentukan arah teks sesuai dengan css direction property pada elemen induk.

Deklarasi CSS direction property

direction: ltr; direction: rtl; direction: inherit;

Contoh direction property dalam elemen p

<style type="text/css">
p {
    direction: rtl;
}
</style>

<p>Text here!</p>
Edit kode dalam box demo di bawah ini untuk mengetahui lebih jelas fungsi css direction property. Selain menggunakan attribute style, anda dapat memanfaatkan attribute class atau id untuk merubah arah teks berdasar css direction property.
Please click the button to display. Continue with editing code and click to see the results!

7 komentar:

My ProfileC l o s e

FollowerC l o s e