Penggunaan word wrap dalam CSS3

Halo teman-teman dumenity. Kembali lagi di blog dumetschool. Pada tutorial kali ini saya akan menjelaskan fungsi salah satu property CSS3 yaitu word-wrap. Word wrap adalah salah satu fungsi  untuk menyesuaikan antara text dengan lebar area text tersebut. Jadi kita tidak perlu scroll ke kanan-kiri untuk membaca text yang sekiranya kepanjangan. Untuk lebih jelasnya teman-teman lihat source dibawah ini :

See the Pen RPoXzj by fachrul ahaddin (@fachruldumet) on CodePen.

Dari source tersebut terlihat antara kotak  yang tidak memakai word-wrap dengan kotak yang menggunakan word-wrap. Pada kotak yang tidak menggunakan word-wrap, maka jika ada text yang panjang melebihi si pembungkusnya, maka dia akan keluar dari pembatasnya seperi contoh diatas. Lain halnya dengan kotak yang menggunakan word-wrap, dia tentu akan menyesuaikan si pembungkus dan otomatis membuat baris baru di bawahnya dan terlihat lebih rapih jadinya.

28 Mei 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat