Grenze

Englisch [ˈbɔ:rdə(r)]

n. Rand; Kante; Umhüllung

vt., in On die Seite von...

vt. Entlang der Seite von..., umgebend..., Rand...

vi. Ungefähr, neben

Abstand

n. Abstand, Abstand;

CSS-Eigenschaft für den Grenzabstand Syntax

Funktion: border-spacing-Eigenschaft legt den Abstand zwischen den Rändern benachbarter Zellen fest (wird nur im Modus „Randtrennung“ verwendet).

Beschreibung: Diese Eigenschaft gibt den Abstand zwischen Zellgrenzen im Modell mit getrennten Grenzen an. Von den beiden angegebenen Längenwerten ist der erste der horizontale Spalt und der zweite der vertikale Spalt. Diese Eigenschaft wird ignoriert, es sei denn, border-collapse ist auf „separat“ eingestellt. Obwohl diese Eigenschaft nur für Tabellen gilt, wird sie von allen Elementen in der Tabelle geerbt.​

Hinweis: Einige Versionen von IE-Browsern unterstützen dieses Attribut nicht. Alle gängigen Browser unterstützen das Border-Spacing-Attribut. Internet Explorer 8 (und höher) unterstützt das border-spacing-Attribut, wenn !DOCTYPE angegeben ist.

CSS-Eigenschaft für den Grenzabstand Beispiel

<!DOCTYPE>
<html>
<head>
<style type="text/css">
table.one 
{
border-collapse: separate;
border-spacing: 10px
}
table.two
{
border-collapse: separate;
border-spacing: 10px 50px
}
</style>
</head>
<body>
<table class="one" border="1">
<tr>
<td>Adams</td>
<td>John</td>
</tr>
<tr>
<td>Bush</td>
<td>George</td>
</tr>
</table>
<br />
<table class="two" border="1">
<tr>
<td>Carter</td>
<td>Thomas</td>
</tr>
<tr>
<td>Gates</td>
<td>Bill</td>
</tr>
</table>
<p><b>注释:</b>php中文网</p>
</body>
</html>
Instanz ausführen »

Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen