Hallo teman-teman, Bertemu kembali dengan saya 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 Property Writing-Mode CSS3. Sebelum kita mulai saya akan memberikan penjelasan singkat tentang Property Writing Mode CSS3, jadi property writing-mode css3 adalah sebuat property css3 gunanya untuk mengatur sebuah tulisan dengan berbagai mode atau berbagai posisi sesuai tata bahasa yang kita inginkan. Dan untuk lebih jelasnya mari kita mulai mempraktekannya.
Pertama-tama jalankan/run text-editor yang teman-teman gunakan, lalu kemudian ketik/copy script HTML dibawah ini :
<!DOCTYPE html> <html> <head> <title>writing mode css3</title> </head> <body> <p>CONTOH PROPERTY TANPA WRITING MODE CSS3</p> <p class="test">CONTOH PROPERTY WRITING MODE CSS3</p> </body> </html>
Jika sudah, langkah selanjutnya tambahkan script styleing (CSS) dibawah ini dan letakan diantara tag head pada html atau lebih tepatnya kita menggunakan CSS internal :
<style type="text/css">
.test{
writing-mode: vertical-lr;
}
</style>
Oke jika script HTML dan CSSnya sudah silahkan teman-teman simpan dengan nama writingmode.html, lalu langkah selanjutnya tinggal teman-teman jalankan/run dibrowser yang teman-teman gunakan. Jika benar maka hasilnya akan terlihat seperti pada gambar dibawah ini :
Oke teman-teman, jadi seperti itulah contoh dari property writing-mode css3. Sangat mudah ya teman-teman. Dan untuk kedepannya silahkan teman-teman berkreasi sendiri dan modif sendiri atau teman-teman bisa mencari tahu lebih dalam tentang writing-mode di google banyak sekali.
Oke kalau begitu cukup sekian pembahasan saya kali ini tentang Mengenal Property Writing-Mode CSS3. Semoga dapat bermanfaat buat teman-teman dan sampai bertemu dipembahasan selanjutnya.
Terimakasih