CSS border-afstand eigenschap

Definitie en gebruik

De border-spacing-eigenschap stelt de afstand tussen de randen van aangrenzende cellen in (alleen voor het 'separatie' model).

Opmerking:Sommige versies van de IE-browser ondersteunen deze eigenschap niet.

Uitleg

Deze eigenschap specificeert de afstand tussen de cellenranden in het afzonderlijke randmodel. In de twee gespecificeerde lengtemetingen is de eerste de horizontale afstand en de tweede de verticale afstand. Deze eigenschap wordt genegeerd tenzij border-collapse op separate is ingesteld. Hoewel deze eigenschap alleen op tabellen van toepassing is, kan deze door alle elementen in de tabel worden geërfd.

Zie ook:

CSS handleiding:CSS tabel

HTML DOM referentiemanual:borderSpacing eigenschap

Voorbeeld

Stel border-spacing in voor tabel:

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

Probeer het zelf

CSS syntaxis

border-spacing: length|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
length length

Stelt de afstand tussen de randen van aangrenzende cellen vast. Gebruik eenheid zoals px, cm, etc. Negatieve waarden zijn niet toegestaan.

Als één length Parameters worden gedefinieerd, dan wordt er een horizontale en verticale afstand gedefinieerd.

Als twee length Parameters, dan wordt de eerste horizontale afstand ingesteld, terwijl de tweede de verticale afstand instelt.
inherit Stelt dat de waarde van de border-spacing-eigenschap van het ouder-element moet worden geërfd.

Technische details

Standaardwaarde: niet gespecificeerd
Inherits: ja
Versie: CSS2
JavaScript syntaxis: object.style.borderSpacing="15px"

Meer voorbeelden

Instellen van de afstand tussen de tabelranden
Dit voorbeeld toont hoe je de afstand tussen de cellenranden instelt.

Browser ondersteuning

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