DAFTAR LABEL POPULER PENELITIAN.ID

Jangan Buka Artikel Ini!

Pemecah Huruf HTML Menggunakan wordBreak Style DOM

Properti wordBreak Style DOM pada HTML merupakan properti yang digunakan untuk mengatur atau mengembalikan nilai properti word-break. Properti word-break digunakan untuk menentukan bagaimana suatu word dapat dipisah ketika word tersebut telah mencapai bagian dari akhir baris.

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.

Baca Juga:


5 Value Properti wordBreak Style DOM pada HTML
wordBreak Style DOM

Property Values:
  • 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>

{

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>


Contoh:

<!DOCTYPE html>

<html>

 

<head>

<style>

{

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>


Komentar

  1. Sebutkan lima jenis browser yang dapat digunakan oleh pengembang untuk mengaktifkan properti wordBreak Style DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut ini diperlihatkan lima jenis browser yang dapat digunakan untuk mengaktifkan properti wordBreak Style DOM pada HTML:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Safari

      Hapus
  2. Apa yang dimaksud dengan properti wordBreak Style DOM pada dokumen HTML?

    BalasHapus
    Balasan
    1. Properti wordBreak Style DOM pada HTML merupakan properti yang digunakan untuk menentukan aturan pemutusan baris untuk script non-CJK.

      Hapus
  3. Apa yang dimaksud dengan script CJK?

    BalasHapus
    Balasan
    1. Script CJK adalah script untuk bahasa Cina, Jepang, dan Korea atau disingkat CJK.

      Hapus

Posting Komentar

Hubungi admin melalui Wa : +62-896-2514-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

~ Ikatlah Ilmu dengan Memostingkannya ~

Postingan populer dari blog ini (30 Hari)

Enkapsulasi Java dan Fungsinya

Specifier %d dan %i Bahasa C dan Fungsinya

4 Kesalahan Umum yang Sering Terjadi pada PTK

7 Paradigma Penelitian pada Statistika Penelitian

Cara Membuat Drag and Drop pada HTML

Postingan populer dari blog ini (All Time)

Enkapsulasi Java dan Fungsinya

Komunitas