propriété HTML DOM Table cellSpacing
Définition et utilisation
CellSpacing propriété définit ou retourne la quantité d'espace (en pixels) entre les cellules dans le tableau.
grammaire
Définition des propriétés de CellSpacing:
tableObject.cellSpacing="number|percent"
Retour propriétés CellSpacing:
tableObject.cellSpacing
Astuce: propriété cellSpacingn'a pas de valeur par défaut.
值 | 描述 |
---|---|
number | 以像素为单位设置单元格之间的空白 |
percent | 以百分比来设置单元格之间的空白 |
support du navigateur
Tous les principaux navigateurs prennent en charge la propriété cellSpacing
Exemples
Exemples
Changer la cellule du tableau blanc et l'espace de cellule entre le bord de son contenu:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function padding(){
document.getElementById('myTable').cellPadding="25";
}
function spacing(){
document.getElementById('myTable').cellSpacing="15";
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>cell 1</td>
<td>cell 2</td>
</tr>
<tr>
<td>cell 3</td>
<td>cell 4</td>
</tr>
</table>
<br>
<button type="button" onclick="padding()">修改单元格边距</button>
<button type="button" onclick="spacing()">修改单元格间距</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function padding(){
document.getElementById('myTable').cellPadding="25";
}
function spacing(){
document.getElementById('myTable').cellSpacing="15";
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>cell 1</td>
<td>cell 2</td>
</tr>
<tr>
<td>cell 3</td>
<td>cell 4</td>
</tr>
</table>
<br>
<button type="button" onclick="padding()">修改单元格边距</button>
<button type="button" onclick="spacing()">修改单元格间距</button>
</body>
</html>
Essayez »
Table Object