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.
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 | |||||
|---|---|---|---|---|---|
| Element | Chrome | Safari | Firefox | Opera | IE / Edge |
<wbr> | 1.0 | 4.0 | 3.0 | 11.7 | 5.5-7, 12.0 |
| Nilai pada table menentukan minimal versi browser | |||||
Default CSS :
Browser yang support dengan element
<wbr>, mempunyai nilai default :/* tidak ada */