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 */