Jak usunąć odstępy między granicami tabeli za pomocą CSS

Kiedy tabela jest tworzona w HTML, głównie CSS ”granica„Nieruchomość jest do niej stosowana. Spowoduje to stół z granicami, które mają między sobą miejsce. We wcześniejszych wersjach HTML atrybut punktowy Cell został wykorzystany do usunięcia tej przestrzeni. Jednak w dzisiejszych czasach CSS „Zakładanie granic„Własność może być używana w tym samym celu.

Niniejszy podręcznik będzie prowadził do:

- Co to jest "Zakładanie granic„Własność CSS?
- Jakie są "Zakładanie granic”Wartości właściwości CSS?
- Jak zapaść odstępy między granicami tabeli za pomocą CSS?

Jaka jest właściwość CSS „kołysanie graniczne”?

CSS „Zakładanie granic„Własność jest wykorzystywana do dostosowania granic tabeli jako zwiniętych lub oddzielonych. Kiedy stosujemy nieruchomość graniczną do

, I

elementy, powoduje to, że stół ma granice z przestrzeniami między nimi. Aby usunąć tę przestrzeń, wykorzystujemy właściwość CSS „kołysanie graniczne” o wartości ”zawalić się".

Jakie są wartości właściwości CSS „kołysanie graniczne”?

Wartości powiązane z wymienioną właściwością są wymienione poniżej:

- "oddzielny”: Ta wartość dodaje przestrzenie między granicami tabeli.
- "zawalić się”: Ta wartość usuwa przestrzenie między granicami tabeli.
- "dziedziczyć”: Ta wartość ustawia wartość domyślną.
- "wstępny”: Ta wartość dziedziczy po jego rodzicach.

Przeanalizuj poniższy przykład!

Przykład: Jak utworzyć tabelę w HTML?

W HTML najpierw dodaj „

„Element do utworzenia tabeli. Następnie dodaj element podpisu. Następnie liczba wierszy jest tworzona przy użyciu „”Tag. Pierwszy Tag trzyma „

”Tagi na nagłówki. Inne tagi TR trzymają

Tagi danych:

Informacje o uczniach
Nazwa ucznia Imię Ojca Kurs Wynik
Jan Drewno Rozwój Java 90
Stokrotka William Wprowadzenie do c++ 89
Bina Jacek Wprowadzenie do c 79

Wynik powyższego kodu HTML jest następujący:

Teraz dodamy właściwość graniczną i inne nieruchomości, aby lepiej wyglądać.

Style „Tabela”, „TH”, „TD” elementy

Tabela, th, td
Border: 2px Solid #432C7a;
Margines: Auto;
Wyściółka: 4px;
Font-Family: Verdana, Genewa, Tahoma, Sans-Serif;

Do tabeli, TH i TD są stosowane następujące właściwości CSS:

- "granica„Wartość jest przypisana wartość”2px Solid #432C7a”, Który definiuje szerokość obramowania 2Px, styl solidnego granicznego i kolor #432C7a.
- "margines„Własność o wartości”automatyczny”Wskazuje równą przestrzeń wokół elementu.
- "wyściółka„Własność o wartości”4px”Ustawia przestrzeń 4px wokół zawartości elementu lub wewnątrz granicy.
- "rodzina czcionek„Własność jest ustalona jako Verdana, Genewa, Tahoma i Sans-Serif. Podana lista stylów zapewnia, że jeśli przeglądarka internetowa nie obsługuje pierwszej wartości, inne zostaną zastosowane.

Element „podpisu”

Podpis tabeli
Rozmiar czcionki: 20px;

Element podpisu jest stosowany z „rozmiar czcionki”Własność o wartości 20px.

Można zauważyć, że właściwości stylizacji CSS są z powodzeniem dodawane do tabeli:

Jak zapaść odstępy między granicami tabeli za pomocą CSS?

CSS „Zakładanie granic„Nieruchomość jest stosowana z wartością”zawalić się„Do stolika, elementów TH i TD w następujący sposób:

Zakładanie granic: upadek;

Ta właściwość usunie odstępy między granicami tabeli w następujący sposób:

Chodziło o usuwanie odstępów między granicami tabeli za pomocą CSS.

Wniosek

W CSS „Zakładanie granic„Własność jest wykorzystywana do zapadania się lub oddzielania obramowania między granicami tabeli. Ta właściwość jest stosowana z takimi wartościami, jak zawalenie się, oddzielne, początkowe lub dziedziczone. Każda wartość wykonuje inną funkcję. Jednakże "zawalić się”Wartość usuwa odstępy między granicami tabeli. Ten post opisał, jak usunąć odstępy między granicami tabeli.