td/th chOff 属性
td/th 对象定义和用法
chOff属性设置或返回单元格的对齐字符的偏移量。
语法
设置 chOff 属性:
tdObject.chOff="px|%"
或者
thObject.chOff="px|%"
或者
thObject.chOff="px|%"
返回 chOff 属性:
tdObject.chOff
或者
thObject.chOff
或者
thObject.chOff
提示: chOff 属性没有默认值。
值 | 描述 |
---|---|
px | 定义了水平偏移,以像素为单位 |
% | 使用百分比定义了水平偏移 |
浏览器支持
所有主要浏览器都支持 chOff 属性, 但是,没有任何主流的浏览器会执行该此属性的功能。
实例
实例
"Savings"列从"."的右侧对齐两个字符:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool在线教程(w3cschool.cn)</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>W3Cschool在线教程(w3cschool.cn)</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>
尝试一下 »
td/th 对象