CSS-Border-Collapse-Eigenschaft


  Übersetzungsergebnisse:

Grenze

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

n. Rand; Kante; Umhüllung

vt., in On der Rand von...

vt. Entlang des Randes von..., umgebend..., Rand...

vi. Ungefähr, angrenzend an

collapse

vi.Zusammenbruch; Zusammenbruch; Zusammenbruch;

CSS-Border-Collapse-EigenschaftSyntax

Funktion: Das Attribut border-collapse legt fest, ob die Ränder der Tabelle zu einem einzigen Rahmen zusammengeführt oder wie in Standard-HTML separat angezeigt werden.

Beschreibung: separater Standardwert. Die Grenzen werden getrennt. Die Eigenschaften border-spacing und empty-cells werden nicht ignoriert. Reduzierrahmen werden nach Möglichkeit zu einem einzigen Rahmen zusammengeführt. Die Eigenschaften border-spacing und empty-cells werden ignoriert. inherit gibt an, dass der Wert des border-collapse-Attributs vom übergeordneten Element geerbt werden soll.​

Hinweis: Alle gängigen Browser unterstützen das Border-Collapse-Attribut. Der Attributwert „inherit“ wird in keiner Version von Internet Explorer (einschließlich IE8) unterstützt. Wenn !DOCTYPE nicht angegeben ist, kann die Randreduzierung zu unerwarteten Ergebnissen führen.

CSS-Border-Collapse-EigenschaftBeispiel

<!DOCTYPE>
<html>
<head>
<style type="text/css">
table
  {
  border-collapse:collapse;
  }
table, td, th
  {
  border:1px solid black;
  }
</style>
</head>
<body>
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr>
<td>Bill</td>
<td>Gates</td>
</tr>
<tr>
<td>Steven</td>
<td>Jobs</td>
</tr>
</table>
<p><b>注释:</b>如果没有规定 !DOCTYPE,border-collapse 属性可能会引起意想不到的错误。</p>
</body>
</html>
Instanz ausführen »

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

Beliebte Empfehlungen

Heim

Videos

Fragen und Antworten