Properti word-wrap digunakan untuk menentukan apakah baris bisa memecah kata-kata yang terlalu panjang sehingga akan meluap wadah mereka dan yang tidak dapat dipecah secara default.

Apa bedanya dengan properti word-break? Nah, properti word-break memecah garis di antara dua karakter kata yang muncul di akhir baris ini, untuk membuat seluruh baris pas di dalam wadahnya. Namun, properti pembungkus kata, memecah kata ketika kata itu sendiri mengambil seluruh baris dan meluap baris itu; yaitu, ketika kata itu sendiri dan dengan sendirinya terlalu panjang sehingga akan meluap wadahnya, jadi kami membuatnya hanya membungkus garis yang akan dibungkus agar muat di dalam wadahnya.

Properti bungkus kata hanya memiliki efek ketika ruang putih memungkinkan pembungkus.

Properti word-wrap disebut overflow-wrap dalam spesifikasi CSS Text Level 3 (yang masih merupakan Draft Kerja sehingga semuanya dapat berubah).

Dua properti (word-break dan word-wrap) berbeda aturan dan luapan kata: seperti yang disebutkan sebelumnya, kata-wrap digunakan untuk memecah kata-kata yang meluap wadah mereka, sementara properti kata-break memecah semua kata pada akhir baris, bahkan yang biasanya membungkus ke baris lain dan tidak akan meluap wadah mereka.

Tidak ada karakter tanda hubung yang dimasukkan pada titik istirahat kata. Karena itu, akan lebih bijaksana untuk menggunakan properti ini dalam hubungannya dengan properti tanda hubung.

Official Syntax

 

Values:

normal: baris hanya dapat terputus pada titik-titik normal word break.

break-word: kata-kata yang biasanya tidak bisa pecah dapat dipatahkan pada titik-titik arbitrer jika tidak ada titik istirahat yang dapat diterima di telepon.

Contohnya

Baris berikut akan memecah semua kata (di dalam paragraf) yang terlalu panjang dan biasanya akan meluap wadah mereka.