Was sind zusammenklappbar Grenzen?

Ein Web-Designer verwendet Cascading Stylesheet (CSS) Regeln bestimmen das Layout seiner Website auf den Bildschirmen der Besucher seiner Website. Einige dieser Regeln dienen dazu, das Erscheinungsbild von Tabellen steuern. Ein Designer verwendet Tabellen für tabellarische Daten in organisierter Form angezeigt. Eine dieser CSS-Regeln bestimmt das Erscheinungsbild der Tabelle Grenze. Insbesondere Grenze-Zusammenbruch der CSS Regel Klapper zwei Grenzen ineinander, um einen einzelnen Rahmen zu bilden.

In der Tabelle

Eine Tabelle bietet einen Web-Designer mit einem Tool um Datensätze anzuzeigen. Einzelne Komponenten der Daten werden in Zellen unterteilt. Die Zellen sind in Zeilen angezeigt und Header bezeichnen die Zeilen. Die Header am Anfang jeder Zeile angezeigt, und die Daten in jeder Zeile den Benutzer empfehlen.

Der Grenze

Eine Grenze trennt in der Tabelle Zeilen und Zellen. CSS-Regeln erlauben den Webdesigner die Rahmeneigenschaften herstellen. Beispielsweise würde das folgende Beispiel erstellt einen schwarzen Rand von zwei Pixel zwischen jeder Tabellenzelle:

TD {Border: 2px solid #000;}

Border-Collapse-Eigenschaft

Die CSS-Grenze Eigenschaft Klapper reduzieren die Grenze der Tabellenzelle in den Rahmen der benachbarten Zelle. Verwenden Sie daher im vorherige Beispiel: Wenn der Designer die Grenze, statt zwei Grenzen jeweils zwei Pixel reduziert (deshalb, es scheint als ein dicker 4-Pixel-Rahmen zu diesem Zeitpunkt), jeder Tabellenzelle würde teilen eine gemeinsame Grenze von 2 Pixel.

Werte der Border-Collapse

Die Grenze-Zusammenbruch-CSS-Eigenschaft akzeptiert drei Werte. Der Wert vererben kann die Tabelle, das gleiche Attribut als besessen von einem übergeordneten Element zu akzeptieren. Der Zusammenbruch Wert reduziert die Grenze und die separate Eigenschaft hält der Grenze getrennt von seinen benachbarten Grenze. Es ist wichtig zu beachten, dass der eigene Wert der Standardwert ist und wird durchgeführt, wenn kein anderer Wert eingegeben wurde. Das folgende Beispiel verwendet CSS um den Tabellenrahmen zu reduzieren:

Tabelle {Border-Collapse: Zusammenbruch;}

In diesem Beispiel bleiben die Grenzen getrennt:

Tabelle {Border-Collapse: separate;}