text-autospace: ***;
Browser |
|
---|---|
Type |
|
The text-autospace property specifies the spacing between ideographic and non-ideographic.
p {
text-autospace: ideograph-alpha;
}
Property | Value | Explanation |
---|---|---|
text-autospace | ideograph-alpha | spacing between ideographic and non-ideographic |
ideograph-numeric | spacing between ideographic and numeric | |
ideograph-parenthesis | spacing between ideographic and parenthesis | |
ideograph-space | extends the width of the space character | |
none | no extra spacing is created (default) |
- ideograph-alpha
- Creates extra spacing between ideographic text and non-ideographic text.
- ideograph-numeric
- Creates extra spacing between ideographic text and numeric characters.
- ideograph-parenthesis
- Creates extra spacing between ideographic text and normal parenthesis.
- ideograph-space
- Extends the width of the space character that is adjacent to ideographic.
(This value might not be supported.)
Example
<html>
<head>
<title>TAG index</title>
<style type="text/css">
p { font-size: 180%; }
#example1 { text-autospace: ideograph-alpha; }
#example2 { text-autospace: ideograph-numeric; }
#example3 { text-autospace: ideograph-parenthesis; }
#example4 { text-autospace: ideograph-space; }
</style>
</head>
<body>
<p>
日本語ENGLISH日本語ENGLISH<br>
<span id="example1">日本語ENGLISH日本語ENGLISH</span>
</p>
<p>
日本語11111日本語22222<br>
<span id="example2">日本語11111日本語22222</span>
</p>
<p>
日本語(日本語)日本語(日本語)<br>
<span id="example3">日本語(日本語)日本語(日本語)</span>
</p>
<p>
日本語ENGLISH日本語ENGLISH<br>
<span id="example4">日本語ENGLISH日本語ENGLISH</span>
</p>
</body>
</html>
- Output
-
日本語ENGLISH日本語ENGLISH
日本語ENGLISH日本語ENGLISH日本語11111日本語22222
日本語11111日本語22222日本語(日本語)日本語(日本語)
日本語(日本語)日本語(日本語)日本語ENGLISH日本語ENGLISH
日本語ENGLISH日本語ENGLISH