So entfernen Sie den Abstand zwischen Tischgrenzen mit CSS

Wenn die Tabelle in HTML erstellt wird, hauptsächlich das CSS “Grenze”Eigentum wird darauf angewendet. Dies führt zu einer Tabelle mit Grenzen, die Platz zwischen ihnen haben. In früheren Versionen von HTML wurde das Zellspazierattribut verwendet, um diesen Raum zu entfernen. Heutzutage jedoch die CSS “GrenzkollapseEigenschaft kann für denselben Zweck verwendet werden.

Dieses Handbuch wird sich beziehen zu:

- Was ist der "Grenzkollapse”CSS -Eigenschaft?
- Was sind die "Grenzkollapse”CSS -Eigenschaftswerte?
- Wie man den Abstand zwischen Tischgrenzen mit CSS zusammenbricht?

Was ist das CSS-Eigentum „Grenzkollapse“??

Das CSS “GrenzkollapseDie Eigenschaft wird verwendet, um die Tischgrenzen als zusammengebrochen oder getrennt anzupassen. Wenn wir das Grenzeigentum auf die anwenden

, Und

Elemente, es führt zu einer Tabelle mit Grenzen mit Räumen zwischen ihnen. Um diesen Speicherplatz zu entfernen, nutzen wir die CSS-Eigenschaft „Border-Collapse“ mit dem Wert “Zusammenbruch”.

Was sind die CSS-Eigenschaftswerte „Grenzkollapse“??

Die mit der genannten Eigenschaft zugeordneten Werte sind unten aufgeführt:

- “getrennt”: Dieser Wert fügt Räume zwischen den Tabellenrändern hinzu.
- “Zusammenbruch”: Dieser Wert beseitigt Räume zwischen den Tabellenrändern.
- “erben”: Dieser Wert legt den Standardwert fest.
- “Initial”: Dieser Wert erbt von seinem Elternteil.

Analysieren Sie das folgende Beispiel unten!

Beispiel: So erstellen Sie eine Tabelle in HTML?

In HTML zuerst fügen Sie eine "hinzu"

Element zum Erstellen einer Tabelle. Fügen Sie dann ein Bildunterschrift Element hinzu. Danach wird die Anzahl der Zeilen erstellt, indem die “verwendet werden" Schild. Der erste Tag hält die “

Tags für Überschriften. Andere TR -Tags halten die

Tags für die Daten:

Schülerinformationen
Name des Studenten Der Name des Vaters Kurs Punktzahl
John Holz Java -Entwicklung 90
Gänseblümchen Wilhelm Einführung in c++ 89
Bina Jack Einführung in c 79

Das Ergebnis des oben genannten HTML -Code ist wie folgt:

Jetzt werden wir ein Grenzeigenschaften und andere Eigenschaften hinzufügen, um das Aussehen der Tabelle zu verbessern.

Stil "Tisch", "Th", "TD" Elemente

Tabelle, th, td
Grenze: 2PX Solid #432C7A;
Rand: Auto;
Polsterung: 4px;
Schriftfamilie: Verdana, Genf, Tahoma, Sans-Serif;

Die folgenden CSS -Eigenschaften werden auf Tabellen-, TH- und TD -Elemente angewendet:

- “Grenze"Eigenschaft wird der Wert zugewiesen"2px fest #432c7a”Das definiert die 2PX -Grenzbreite, den festen Grenzstil und die Grenze #432C7A.
- “Rand”Eigenschaft mit dem Wert“Auto”Zeigt den gleichen Raum um das Element an.
- “Polsterung”Eigenschaft mit dem Wert“4px”Legt den Platz von 4px um den Inhalt des Elements oder innerhalb des Grenze.
- “SchriftfamilieDas Eigentum wird als Verdana, Genf, Tahoma und Sans-Serif festgelegt. Die angegebene Liste der Stile stellt sicher, dass wenn der Webbrowser den ersten Wert nicht unterstützt, andere angewendet werden.

Stiltabelle „Bildunterschrift“ Element

Tabellenüberschrift
Schriftgröße: 20px;

Das Bildunterschriftenelement wird mit dem angewendetSchriftgrößeEigenschaft mit dem Wert 20px.

Es kann beobachtet werden, dass die CSS -Styling -Eigenschaften erfolgreich zur Tabelle hinzugefügt werden:

Wie man den Abstand zwischen Tischgrenzen mit CSS zusammenbricht?

Das CSS “Grenzkollapse"Eigenschaft wird mit dem Wert angewendet"Zusammenbruch”Auf die Tisch-, TH- und TD -Elemente wie folgt:

Grenzkollapse: Zusammenbruch;

Diese Eigenschaft beseitigt den Abstand zwischen den Tischgrenzen wie folgt:

Das ging darum, den Abstand zwischen Tischgrenzen mit CSS zu entfernen.

Abschluss

In CSS, die “GrenzkollapseDie Eigenschaft wird verwendet, um den Grenzbereich zwischen den Tabellengrenzen zusammenzubrechen oder zu trennen. Diese Eigenschaft wird mit Werten wie Zusammenbruch, getrennt, anfänglich oder Erben angewendet. Jeder Wert führt eine andere Funktion aus. Allerdings das “ZusammenbruchDer Wert entfernt den Abstand zwischen den Tabellenrändern. In diesem Beitrag wurde beschrieben, wie der Abstand zwischen den Grenzen der Tabelle löscht.