Hallo teman-teman, Alhamdulilah Bertemu kembali dengan saya ditahun 2017 dan masih diwebsite ini. Seperti biasa ya teman-teman, semoga masih diberikan kesehatan dan kebahagiaan agar dapat kembali semangat dalam mencari informasi atau ingin mengupgrade skill didunia website terutama dalam hal desain website.
Pada kesempatan kali ini saya akan membahas tentang Mengenal Lebih Dalam Property Direction pada CSS3. Apasih property Direction ? jadi property direction pada css adalah sebuah property untuk mengatur arah dari text. didalam property direction mempunyai nilai yaitu LTR dan RTL dan contohnya kita mempunyai sebuah text dan kita dapat mengaturnya dengan property direction ini jadi text tersebut bisa dimulai (LTR) dari kiri atau dari kanan (RTL).
Untuk lebih jelasnya mari kita mulai mempraktekannya, Pertama-tama teman-teman buat folder terlebih dahulu, kemudian jalankan/run text-editor yang teman-teman gunakan. Lalu ketik/copy script HTML seperti dibawah ini :
- Mengenal Lebih Dalam Property Direction pada CSS3
<!DOCTYPE html>
<html>
<head>
<title>Direction</title>
</head>
<body>
<div class="container">
<h1>Contoh Direction</h1>
<div class="direction_ltr"><p>ini adalah contoh penggunaan property direction LTR</p></div>
<div class="direction_rtl"><p>ini adalah contoh penggunaan property direction RTL</p></div>
</div>
</body>
</html>Jika sudah teman-teman simpan terlebih dahulu. Kemudian langkah selanjutnya teman-teman ketik/copy script CSS seperti dibawah ini :
<style type="text/css">
.container{
width: 800px;
margin: auto;
}
h1{
text-align: center;
}
.direction_ltr {
direction:ltr;
background: lightgreen;
}
.direction_rtl {
direction:rtl;
background: lightblue;
}
</style>
- Mengenal Lebih Dalam Property Direction pada CSS3
Jika sudah HTML dan CSSnya, silahkan teman-teman simpan dan coba dijalankan/run dibrowser yang teman-teman gunakan. Jika benar maka hasilnya akan sama seperti pada gambar dibawah ini :
Jadi kurang lebihnya seperti itulah contoh fungsi dari property direction pada css3. Cukup mudah dipahami ya teman-teman tentang Mengenal Lebih Dalam Property Direction pada CSS3. Untuk pengembangannya silahkan teman-teman coba sendiri sesuai selera dan kreativitas teman-teman.
Kalau begitu cukup sekian pembahasan kali ini tentang Mengenal Lebih Dalam Property Direction pada CSS3 semoga bermanfaat buat teman-teman dan sampai bertemu dipembahasan selanjutnya.
Terimakasih
The post Mengenal Lebih Dalam Property Direction pada CSS3 appeared first on Kursus Website Terbaik.