Pemecah Huruf HTML Menggunakan wordBreak Style DOM
![]() |
wordBreak Style DOM |
Sintak:
- digunakan untuk mengembalikan nilai properti wordbreak: object.style.wordBreak
- digunakan untuk mengatur nilai properti wordBreak: object.style.wordBreak = "normal | break-all | keep-all | initial | inherit"
Return Values: mengembalikan sebuah nilai string yang merepresentasikan properti word-break dari suatu elemen.
- normal: merupakan nilai default properti yang digunakan untuk melakukan line break pada word.
- break-all: digunakan untuk memecah word pada karakter apapun untuk mencegah terjadinya overflow.
- Keep-all: merupakan nilai properti yang memiliki peran yang sama seperti nilai normal properti.
- break-word: digunakan untuk memecah word pada titik arbitrary untuk mencegah terjadinya overflow.
- initial: digunakan untuk mengatur nilai properti ke nilai default-nya.
Contoh:
<!DOCTYPE html>
<html>
<head>
<style>
p
{
width: 140px;
border: 1px solid #000000;
}
#mkn
{
word-break: normal;
}
</style>
</head>
<body>
<center>
<h1>
Blog Elfan
</h1>
<h2>
Properti Style wordBreak DOM
</h2>
<p id="mkn">
Blog TIK merupakan portal
ilmu komputer yang digunakan
untuk mempelajari berbagai
materi pemrograman.
</p>
<button
onclick="myDon1s()">
Submit
</button>
<script>
function myDon1s()
{
document.getElementById("mkn").style.wordBreak = "break-all";
}
</script>
</center>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
p
{
width: 140px;
border: 1px solid #000000;
}
#nm2
{
word-break: break-all;
}
</style>
</head>
<body>
<center>
<h1>
Blog Elfan
</h1>
<h2>
Properti Style wordBreak DOM
</h2>
<p id="nm2">
Blog TIK merupakan portal
ilmu komputer yang digunakan
untuk mempelajari berbagai
materi pemrograman.
</p>
<button
onclick="myFgn2s()">
Submit
</button>
<script>
function myFgn2s()
{
document.getElementById("nm2").style.wordBreak = "normal";
}
</script>
</center>
</body>
</html>
- Penggunaan Properti window.defaultStatus DOM pada HTML [klik]
- Penggunaan Properti window.frameElement DOM pada HTML [klik]
- Penggunaan Properti Frame Window DOM pada HTML [klik]
- Penggunaan Properti window.innerHeight DOM pada HTML [klik]
- Penggunaan Properti window.innerWidth DOM pada HTML [klik]
- Penggunaan Properti window.length DOM pada HTML [klik]
- 3 Sintak Properti localStorage DOM pada HTML [klik]
Sebutkan lima jenis browser yang dapat digunakan oleh pengembang untuk mengaktifkan properti wordBreak Style DOM pada HTML?
BalasHapusBerikut ini diperlihatkan lima jenis browser yang dapat digunakan untuk mengaktifkan properti wordBreak Style DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa yang dimaksud dengan properti wordBreak Style DOM pada dokumen HTML?
BalasHapusProperti wordBreak Style DOM pada HTML merupakan properti yang digunakan untuk menentukan aturan pemutusan baris untuk script non-CJK.
HapusApa yang dimaksud dengan script CJK?
BalasHapusScript CJK adalah script untuk bahasa Cina, Jepang, dan Korea atau disingkat CJK.
Hapus