CSS border-spacing egenskap

Definition och användning

border-spacing-attributet ställer in avståndet mellan kantlinjerna på närliggande celler (endast för "separerad"-läge).

Kommentar:Vissa versioner av IE-webbläsaren stöder inte detta attribut.

Förklaring

Egenskapen specificerar avståndet mellan cellgränserna i separationsmodellen för kantlinjer. I de två specificerade längderna är den första horisontellt avstånd och den andra vertikellt avstånd. Om border-collapse sätts till separate, kommer detta attribut att ignoreras. Även om detta attribut endast tillämpas på tabeller, kan det inhämtas av alla element i tabellen.

Se också:

CSS-lärbok:CSS tabeller

HTML DOM referenshandbok:borderSpacing-attributet

Exempel

Ställ in border-spacing för tabellen:

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

Prova själv

CSS syntax

border-spacing: length|initial|inherit;

Attributvärde

Värde Beskrivning
length length

Bestämmer avståndet mellan kantlinjerna på närliggande celler. Använd enheter som px, cm m.m. Negativa värden är inte tillåtna.

Om en length Parametrar definieras, då definieras det horisontellt och vertikellt avstånd.

Om två length Parametrar, då ställer den första in horisontellt avstånd, medan den andra ställer in vertikellt avstånd.
inherit Bestämmer att border-spacing-attributvärdet ska inhämtas från föräldrelementet.

Tekniska detaljer

Standardvärde: inte specificerad
Arvbarhet: ja
Version: CSS2
JavaScript syntax: object.style.borderSpacing="15px"

Mer exempel

Ställ in tomrummet mellan tabellens kantlinjer
Detta exempel visar hur du ställer in avståndet mellan cellernas kantlinjer.

Webbläsare stödjer

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