tRikSonic

HTML wbr Tag

Terakhir diperbarui : 22 Mei 2018 - 10.17

Tutorial HTML <wbr>

Element wbr (Word Break Opportunity) digunakan untuk memutus satu kata yang panjang, tanpa merubah makna atau arti dari kata tersebut.
Element <wbr> ini akan memerintahkan browser untuk memutus kata yang panjang menjadi sebuah baris baru, tanpa merusak susunan kata yang sebenarnya.
html wbr

Contoh HTML <wbr>

Contoh 1 :
<p>
 Janganlah menjadi orang yang suka 
 melakukan perbuatan memutar<wbr>balikan fakta,
 karena meupakan perbuatan yang tidak baik.
</p>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Demo Triksonic</title>
</head>
<body>

<p>
 Janganlah menjadi orang yang suka 
 melakukan perbuatan memutar<wbr>balikan fakta,
 karena meupakan perbuatan yang tidak baik.
</p>

<hr>

<p>
 Perkecil secara perlahan area iframe preview 
 dan fokus pada teks <strong>memutarbalikan</strong>
</p>

</body>
</html>
Contoh 2 :
<div>
satu/dua/tiga/empat/lima/<wbr>enam/tujuh/delapan/<wbr>sembilan/sepuluh<wbr>/duabelas/<wbr>tigabelas/empatbelas/limabelas<wbr>/enambelas/limabelas<wbr>/enambelas/tujuhbelas<wbr>/delapanbelas/<wbr>sembilanbelas/duapuluh
</div>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Demo Triksonic</title>
<style>
div {
   padding: 15px;
   margin-bottom: 15px;
   border: 2px solid #ea9494;
   background: #ffd7dd;
   border-radius: 5px;
}
</style>
</head>
<body>

<div>
satu/dua/tiga/empat/lima/enam/tujuh/delapan/sembilan/sepuluh/duabelas/tigabelas/empatbelas/limabelas/enambelas/limabelas/enambelas/tujuhbelas/delapanbelas/sembilanbelas/duapuluh
</div>

<div>
satu/dua/tiga/empat/lima/<wbr>enam/tujuh/delapan/<wbr>sembilan/sepuluh<wbr>/duabelas/<wbr>tigabelas/empatbelas/limabelas<wbr>/enambelas/limabelas<wbr>/enambelas/tujuhbelas<wbr>/delapanbelas/<wbr>sembilanbelas/duapuluh
</div>

<hr>

<p>
 Perkecil area iframe preview 
 dan lihat perbedaan nya
</p>

</body>
</html>

Global Attributes:

Element <wbr> mencakup Global Attributes HTML.

Event Attributes:

Element <wbr> mencakup Event Attributes HTML.

Browser Support :

HTML
ElementChromeSafariFirefoxOperaIE / Edge
<wbr>1.04.03.011.75.5-7, 12.0
Nilai pada table menentukan minimal versi browser

Default CSS :

Browser yang support dengan element <wbr>, mempunyai nilai default :
/* tidak ada */
X
Run
Klik tombol Run, untuk menampilkan hasil editing, atau menyegarkan editor.