CSS właściwość spacing border

Definicja i użycie

Atrybut border-spacing ustawia odległość między krawędziami sąsiednich komórek (tylko w trybie "oddzielnych krawędzi").

Komentarz:Niektóre wersje przeglądarki Internet Explorer nie wspierają tej właściwości.

Wyjaśnienie

Ta właściwość określa odległość między granicami komórek w modelu oddzielnych krawędzi. W określonych dwóch wartościach długości, pierwsza to odległość pozioma, a druga pionowa. Jeśli border-collapse jest ustawiony na separate, ta właściwość zostanie zignorowana. Chociaż ta właściwość dotyczy tabeli, może być dziedziczona przez wszystkie elementy w tabeli.

Zobacz również:

Kurs CSS:Tabela CSS

Podręcznik HTML DOM:Atrybut borderSpacing

Przykład

Ustawienie border-spacing dla tabeli:

table
  {
  border-collapse:separate;
  border-spacing:10px 50px;
  }

Spróbuj sam

Gramatyka CSS

border-spacing: length|initial|inherit;

Wartość atrybutu

Wartość Opis
length length

Określa odległość między krawędziami sąsiednich komórek. Używa jednostek takich jak px, cm itp. Nie można używać ujemnych wartości.

Jeśli zdefiniowano jeden length parametry, to określają one zarówno odległość poziomą, jak i pionową.

Jeśli zdefiniowano dwa length Jeśli określono dwa parametry, pierwszy ustawia odległość poziomą, a drugi pionową.
inherit Określa, że wartość atrybutu border-spacing powinna być pochodna od elementu nadrzędnego.

Szczegółowe informacje techniczne

Domyślna wartość: nie określono
Inheredność: tak
Wersja: CSS2
Gramatyka JavaScript: obiekt.style.borderSpacing="15px"

Więcej przykładów

Ustawienie pustki między krawędziami tabeli
Ten przykład pokazuje, jak ustawić odległość między krawędziami komórek.

Wspieranie przeglądarek

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.0 4.0