wpt/css/css-text/word-break/word-break-break-all-006.html at master · web-platform-tests/wpt

29 lines (29 loc) · 1.37 KB

<!DOCTYPE html>
<html  lang="en" >
<meta charset="utf-8">
<title>word-break: break-all, spacing vowel sign</title>
<meta name="assert" content="word-break: break-all means lines may break between any two typographic letter units. A spacing vowel sign should be wrapped to the next line with its base character.">
<link rel='help' href='https://drafts.csswg.org/css-text-3/#word-break-property'>
<link rel='match' href='reference/word-break-break-all-ref-006.html'>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<style type='text/css'>
.test { word-break: break-all; }
/* the CSS below is not part of the test */
.test, .ref { border: 1px solid orange;  margin: 20px;  padding: 10px; width: 390px; font: 36px/1.5 sans-serif; }
<div id='instructions'>Test passes if the two orange boxes are the same.</div>
<div class="test" lang="hi"><div id="testdiv"><span id="testspan">हिंदी हिंदी हिंदी</span></div></div>
<div class="ref" lang="hi"><span>हिंदी हिंदी हिं<br/>दी</span></div>
var sentenceWidth = document.getElementById('testspan').offsetWidth
document.getElementById('testdiv').style.width = String(sentenceWidth - 5)+'px'
A typographic unit based on extended grapheme clusters groups base characters and combining characters together.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

FilesExpand file tree

word-break-break-all-006.html

Latest commit

History

word-break-break-all-006.html

File metadata and controls