41 lines
1.4 KiB
HTML
41 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<style>
|
|
.hang { hanging-punctuation: allow-end; }
|
|
.not-hang { hanging-punctuation: allow-end; }
|
|
.frame { width: 65px; font-family: ahem; border: solid 3px cyan; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!--
|
|
Test for checking overflowing conditions of hanging-punctuation: allow-end.
|
|
http://www.w3.org/TR/2012/WD-css3-text-20121113/#hanging-punctuation0
|
|
-->
|
|
<!-- Overflow occurred at U+3001. This should hang. -->
|
|
<div class="hang frame">
|
|
ab c、
|
|
</div>
|
|
<!-- Overflow occurred at "d". This should NOT hang. -->
|
|
<div class="not-hang frame">
|
|
ab cd、
|
|
</div>
|
|
<!-- Overflow occurred at first U+3001. This should NOT hang. -->
|
|
<div class="not-hang frame">
|
|
ab c、、
|
|
</div>
|
|
<!-- Overflow occurred at second U+3001. This should hang. -->
|
|
<div class="hang frame">
|
|
a b、、
|
|
</div>
|
|
<!-- Hanging with soft hyphen. This should hang. -->
|
|
<div class="hang frame">
|
|
a b­c、
|
|
</div>
|
|
<!-- Overflow occurred at U+3001 and there is a <br> after it. This should hang. -->
|
|
<div class="hang frame">
|
|
ab c、<br>
|
|
</div>
|
|
</body>
|
|
</html> |