Style borderSpacing-eigenschap

Definitie en gebruik

borderSpacing Eigenschap instellen of retourneren van de ruimte tussen de cellen in de tabel.

Opmerking:Als borderCollapse is ingesteld op collapseis deze eigenschap niet geldig.

Zie ook:

CSS Tutorial:CSS table

CSS Referentiehandleiding:border-spacing-eigenschap

Voorbeeld

Voorbeeld 1

Stel de ruimte tussen de cellen in de tabel in:

document.getElementById("myTable").style.borderSpacing = "20px";

Probeer het zelf uit

Voorbeeld 2

Retourneer de ruimte tussen de cellen in de tabel:

alert(document.getElementById("myTable").style.borderSpacing);

Probeer het zelf uit

Syntax

Retourneer de borderSpacing-eigenschap:

object.style.borderSpacing

Stel de borderSpacing-eigenschap in:

object.style.borderSpacing = "length length|initial|inherit"

Eigenschapswaarde

Waarde Beschrijving
length length

Definieer de afstand tussen cellen met lengte-eenheden. Negatieve waarden zijn niet toegestaan. De standaardwaarde is 0.

Als er maar één lengtewaarde is opgegeven, worden zowel de horizontale als de verticale afstand gedefinieerd.

Als er twee lengtewaarden zijn opgegeven, stelt de eerste de horizontale afstand in en de tweede de verticale afstand in.

initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Inherit deze eigenschap van de ouder-element. Raadpleeg inherit.

Technische details

Standaardwaarde: 0
Retourwaarde: Een string die de ruimte tussen de cellen in de tabel aangeeft.
CSS versie: CSS2

Browser ondersteuning

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support 9.0 Support Support Support