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 white-space pada CSS3. Didalam css3 banyak sekali property property yang sangat luar biasa dan salah satunya property white-space. Jadi property white-space ini merupakan property css3 dan fungsi nya untuk mengatur keseluruhan spasi (space) dalam paragraph, dan nilai-nilainya antara lain normal,pre,nowrap,pre-wrap,pre-line.

Untuk lebih jelasnya contoh dalam penggunaan property white-space ini, mari kita mulai mempraktekannya dan melihat kehebatan property white-space pada css ini.

Pertama-tama jalankan/run text-editor yang teman-teman gunakan, lalu kemudian ketiklah/copy script HTML dibawah ini kedalam text-editornya :

Jika sudah dengan HTMLnya, Langkah selanjutnya teman-teman masukan script CSS seperti dibawah ini :

Dan hasil dari kedua script/code diatas akan menjadi seperti dibawah ini :

Jika sudah silahkan simpan, dan silahkan teman-teman jalankan/run dibrowser yang teman-teman gunakan. Jika benar maka hasilnya akan sama seperti pada gambar dibawah ini :

Mengenal Property white-space pada CSS3

Bagaimana teman-teman ? luar biasa bukan property white-space pada css3 ?. jadi seperti itulah contoh sederhana penggunaan property white-space pada css3 dan untuk pengembangannya silahkan teman-teman modifikasi dan mencoba nilai nilai yang ada pada property white-space tsb.

Oke kalau begitu cukup sekian pembahasan kali ini tentang Mengenal Property white-space pada CSS3 semoga bermanfaat buat teman-teman dan sampai bertemu dipembahasan selanjutnya.

Terimakasih