wpt/css/css-text/word-break/word-break-normal-ko-000.html at master · web-platform-tests/wpt

29 lines (29 loc) · 1.58 KB

<!DOCTYPE html>
<html  lang="en" >
<meta charset="utf-8">
<title>word-break: normal, korean</title>
<meta name="assert" content="word-break: normal means words break according to their customary rules. Korean, which commonly exhibits two different behaviors, allows breaks between any two consecutive Hangul/Hanja.">
<link rel='help' href='https://drafts.csswg.org/css-text-3/#word-break-property'>
<link rel='match' href='reference/word-break-normal-ko-ref-000.html'>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<style type='text/css'>
.test { word-break: normal; }
/* the CSS below is not part of the test */
.test, .ref { border: 1px solid orange;  margin: 20px;  padding: 10px; width: 390px; font: 36px/1 sans-serif; }
<div id='instructions'>Test passes if the two orange boxes are the same.</div>
<div class="test" lang="ko"><div id="testdiv"><span id="testspan">한글이 한글이 한글이</span></div></div>
<div class="ref" lang="ko"><span>한글이 한글이 한글<br/>이</span></div>
var sentenceWidth = document.getElementById('testspan').offsetWidth
document.getElementById('testdiv').style.width = String(sentenceWidth - 5)+'px'
It is possible to break Korean at character or word boundaries, depending on author preference. Breaking at character boundaries tends to be more common in modern Korean text, so that has been chosen as the reference here.  If the word breaks at word boundaries, that is not necessarily an error, but it is not what the spec describes for word-break: normal.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

FilesExpand file tree

word-break-normal-ko-000.html

Latest commit

History

word-break-normal-ko-000.html

File metadata and controls