CSS border-spacing egenskab

Definition og brug

border-spacing egenskaben indstiller afstanden mellem de nærliggende cellers kanter (kun brugt i "separeret kant"-tilstand).

Kommentar:Nogle versioner af IE-browsere understøtter ikke denne egenskab.

Beskrivelse

Denne egenskab specificerer afstanden mellem cellernes kanter i separeret kantmodel. I de to specificerede længder er den første horisontal afstand, og den anden er vertikal afstand. Hvis border-collapse sættes til separate, ignoreres denne egenskab. Selvom egenskaben kun anvendes på tabeller, kan den arves af alle elementer i tabellen.

Se også:

CSS undervisning:CSS tabel

HTML DOM referencehåndbog:borderSpacing egenskab

Eksempel

Indstil tabelens border-spacing:

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

Prøv det selv

CSS syntaks

border-spacing: length|initial|inherit;

Egenskabsværdi

Værdi Beskrivelse
length length

Definerer afstanden mellem de nærliggende cellers kanter. Brugenheder som px, cm osv. Negative værdier er ikke tilladt.

Hvis en length parametre defineres, er det både den horisontale og den vertikale afstand, der defineres.

Hvis to length Parametre, så den første indstiller den horisontale afstand, mens den anden indstiller den vertikale afstand.
inherit Definerer, at border-spacing-egenskabets værdi skal arves fra forældrelementet.

Tekniske detaljer

Standardværdi: ikke specificeret
Arv: ja
Version: CSS2
JavaScript syntaks: object.style.borderSpacing="15px"

Flere eksempler

Indstil tomrummet mellem tabelkanter
Dette eksempel viser, hvordan du kan indstille afstanden mellem cellernes kanter.

browser understøtter

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