Hallo teman-teman balik lagi pada tutorial dumet school, pada tutorial kali ini saya akan membahas tentang Fungsi Properties Write-space:Nowrap pada css, fungsi dari properties write space adalah untuk mengatur spasi dalam suatu paragraf.
Nah untuk lebih jelasnya kita praktekan saja.
Silahkan teman-teman buat sebuah file dan ketikan script berikut:
<p> ini adalah contoh text.ini adalah contoh text.ini adalah contoh text. ini adalah contoh text.ini adalah contoh text.ini adalah contoh text. ini adalah contoh text.ini adalah contoh text.ini adalah contoh text. </p>
Saya membuat suatu paragraf yang jika disave hasilnya akan seperti berikut:
Hasilnya seperti biasa tercetak 2 baris karena isi dari paragrafnya hanya sedikit, nah coba sekarang tambahkan css berikut:
<style>
p {
white-space: nowrap;
}
</style>
Jika disave maka hasilnya akan seperti berikut:
Paragraf yang tadi 2 baris akan tercetak 1 baris sehingga membuat scrool pada bagian bawah, nah itulah fungsi dari properties write space css, jadi paragraf yang dihasilkan tidak bergantung dari besar area tempat paragraf tersebut tampil, paragraf akan menjadi 1 baris.
Oke cukup sekian artikel kali ini, semoga bermanfaat.
Terimakasih.