<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=SJIS" />
<title>テキスト関連属性</title>
<style type="text/css">
div{
border:1px solid #000000;
height: 40px;
width: 200px;
}
</style>
</head>
<body>
text-indent:20pt <div style="text-indent:20pt">テスト文字列</div>
text-indent:40pt <div style="text-indent:40pt">テスト文字列</div>
text-align:center <div style="text-align:center">テスト文字列</div>
text-align:right <div style="text-align:right">テスト文字列</div>
direction:rtl <div style="direction:rtl">テスト文字列</div>
direction:ltr <div style="direction:ltr">テスト文字列</div>
white-space:nowrap <div style="white-space:nowrap">
テスト文字列キテスト文字列テスト文字列テスト文字列</div>
text-overflow:clip <div style="overflow:hidden;white-space:nowrap
;text-overflow:clip;">テスト文字列テスト文字列テスト文字列テスト文字列テスト文字列テスト文字列</div>
text-overflow:ellipsis <div style="overflow:hidden;white-space:nowrap
;text-overflow:ellipsis;">テスト文字列テスト文字列テスト文字列テスト文字列テスト文字列テスト文字列</div>
word-break:keep-all <div style="word-break:keep-all">
The root interface in the collection hierarchy. </div>
word-break:break-all <div style="word-break:break-all">
The root interface in the collection hierarchy. </div>
word-wrap:normal <div style="word-wrap:normal;width:140px;">
google domain is http://google.com.com.com.com</div>
word-wrap:break-word <div style="word-wrap:break-word;width:140px;">
google domain is http://google.com.com.com.com</div>
</body>
</html>