tr chOffプロパティ
tr オブジェクト
定義と使い方
chOff プロパティは、行内のセルの配置文字のオフセットを設定または返します。
chOff プロパティは、attribute/ch 属性文字を使用してコンテンツ文字の数を設定できます。
構文
chOff プロパティを設定する：
trObject.chOff="px|%"
chOff プロパティを返す：
trObject.chOff
ヒント：chOff プロパティにはデフォルト値がありません。
| 值 | 説明 |
|---|---|
| px | 水平ピクセルオフセットを定義 |
| % | オブジェクト幅の％の水平オフセット量を定義します。 |
ブラウザサポート
すべての主要ブラウザが chOff プロパティをサポートしていますが、この機能を実装している主要ブラウザはありません。
例
例
"Savings" 列を右側から2文字分揃えます：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>サンプル(example.com)</title>
<script>
function displayResult(){
var c=document.getElementById("myCol");
alert("ch属性の水平オフセット: " + c.chOff);
}
</script>
</head>
<body>
<table border="1">
<colgroup>
<col>
<col id="myCol" align="char" char="." charoff="2">
</colgroup>
<tr>
<th>月份</th>
<th>存款</th>
</tr>
<tr>
<td>January</td>
<td>$100.00</td>
</tr>
<tr>
<td>February</td>
<td>$10.00</td>
</tr>
</table>
<br>
<button type="button" onclick="displayResult()">文字揃えの水平オフセット</button>
<p><b>注意:</b>すべての主流ブラウザがchoff属性の機能をサポートしているわけではありません。</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>サンプル(example.com)</title>
<script>
function displayResult(){
var c=document.getElementById("myCol");
alert("ch属性の水平オフセット: " + c.chOff);
}
</script>
</head>
<body>
<table border="1">
<colgroup>
<col>
<col id="myCol" align="char" char="." charoff="2">
</colgroup>
<tr>
<th>月份</th>
<th>存款</th>
</tr>
<tr>
<td>January</td>
<td>$100.00</td>
</tr>
<tr>
<td>February</td>
<td>$10.00</td>
</tr>
</table>
<br>
<button type="button" onclick="displayResult()">文字揃えの水平オフセット</button>
<p><b>注意:</b>すべての主流ブラウザがchoff属性の機能をサポートしているわけではありません。</p>
</body>
</html>
試してみる »
tr オブジェクト その他の拡張