Properti pemecah kata CSS
Contoh
Pecahkan kata pada karakter apa pun:
p.a {
word-break: break-all;
}
Definisi dan Penggunaan
Properti word-break
menentukan bagaimana kata-kata harus pecah ketika mencapai akhir baris.
Nilai bawaan: | normal |
---|---|
Diwarisi: | Ya |
Animasi: | tidak. Baca tentang animasi |
Versi: kapan: | CSS3 |
Sintaks JavaScript: | objek .style.wordBreak="break-all" |
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Property | |||||
---|---|---|---|---|---|
word-break | 4.0 | 5.5 | 15.0 | 3.1 | 15.0 |
Sintaks CSS
word-break: normal|break-all|keep-all|break-word|initial|inherit;
Nilai properti
Value | Description |
---|---|
normal | Default value. Uses default line break rules |
break-all | To prevent overflow, word may be broken at any character |
keep-all | Word breaks should not be used for Chinese/Japanese/Korean (CJK) text. Non-CJK text behavior is the same as value "normal" |
break-word | To prevent overflow, word may be broken at arbitrary points |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |