border-spacing

  • Raccourci de la révision : CSS/border-spacing
  • Titre de la révision : border-spacing
  • ID de la révision : 170842
  • Créé :
  • Créateur : Fredchat
  • Version actuelle ? Non
  • Commentaire Début de la traduction

Contenu de la révision

{{template.CSSRef()}} {{template.Traduction_en_cours("CSS:border-spacing")}}

Résumé

La propriété border-spacing property spécifie la distance entre les bords de cellules adjacentes (uniquement pour le modèle de bordures séparées). Cette propriété est équivalente à l'attribut de présentation cellspacing en HTML.

  • Valeur initiale : 0
  • S'applique à : tableaux et éléments avec la propriété inline-table
  • Héritée : oui
  • Média : Visuel
  • Valeur calculée : deux longueurs absolues

Syntaxe

border-spacing: <length> | <length> <length> | inherit

Valeurs

<length>
A length to be used for both horizontal and vertical border spacing.
<length> <length>
The first length gives the horizontal spacing (space between cells in adjacent columns) and the second length gives the vertical spacing (space between cells in adjacent rows).

Exemples

{{template.CSSRefExampleLink("border-spacing")}}

table#space {
  border-collapse: separate;
  border-spacing: 10px 5px;
}

Notes

Cette propriété ne s'applique que lorsque {{template.Cssxref("border-collapse")}} est définie à separate.

The border-spacing is also used along the outside edge of the table, where the distance between the table's border and the cells in the first/last column or row is the sum of the relevant (horizontal or vertical) border-spacing and the relevant (top, right, bottom, or left) padding on the table.

Spécifications

Compatibilité des navigateurs

Navigateur Version minimale
Netscape 6
Internet Explorer 7
Firefox 1
Mozilla 1
Safari 1
Opera 6


Voir également

{{template.Cssxref("border-collapse")}}

Interwiki Language Links

{{ wiki.languages( { "en": "en/CSS/border-spacing" } ) }}

Source de la révision

<p> 
{{template.CSSRef()}}
{{template.Traduction_en_cours("CSS:border-spacing")}}
</p>
<h3 name="R.C3.A9sum.C3.A9"> Résumé </h3>
<p>La propriété <code>border-spacing property</code> spécifie la distance entre les bords de cellules adjacentes (uniquement pour <a href="fr/CSS/border-collapse">le modèle de bordures séparées</a>). Cette propriété est équivalente à l'attribut de présentation <code>cellspacing</code> en HTML.
</p>
<ul><li> Valeur initiale : 0
</li><li> S'applique à : tableaux et éléments avec la propriété <code>inline-table</code>
</li><li> Héritée : oui
</li><li> Média : <a href="fr/CSS/M%c3%a9dia/Visuel">Visuel</a>
</li><li> Valeur calculée : deux longueurs absolues
</li></ul>
<h3 name="Syntaxe"> Syntaxe </h3>
<p>border-spacing: &lt;length&gt; | &lt;length&gt; &lt;length&gt; | inherit
</p>
<h3 name="Valeurs"> Valeurs </h3>
<dl><dt> &lt;length&gt;
</dt><dd> A length to be used for both horizontal and vertical border spacing.
</dd><dt> &lt;length&gt; &lt;length&gt;
</dt><dd> The first length gives the horizontal spacing (space between cells in adjacent columns) and the second length gives the vertical spacing (space between cells in adjacent rows).
</dd></dl>
<h3 name="Exemples"> Exemples </h3>
<p>{{template.CSSRefExampleLink("border-spacing")}}
</p>
<pre class="eval">table#space {
  border-collapse: separate;
  border-spacing: 10px 5px;
}
</pre>
<h3 name="Notes"> Notes </h3>
<p>Cette propriété ne s'applique que lorsque {{template.Cssxref("border-collapse")}} est définie à <code>separate</code>.
</p><p>The border-spacing is also used along the outside edge of the table, where the distance between the table's border and the cells in the first/last column or row is the sum of the relevant (horizontal or vertical) border-spacing and the relevant (top, right, bottom, or left) padding on the table.
</p>
<h3 name="Sp.C3.A9cifications"> Spécifications </h3>
<ul><li> <a class="external" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing">CSS 2.1 (en)</a>
</li></ul>
<h3 name="Compatibilit.C3.A9_des_navigateurs"> Compatibilité des navigateurs </h3>
<table class="standard-table">
  <tbody><tr>
    <th>Navigateur</th>
    <th>Version minimale</th>
  </tr>
  <tr>
    <td>Netscape</td>
    <td>6</td>
  </tr>
  <tr>
    <td>Internet Explorer</td>
    <td>7</td>
  </tr>
  <tr>
    <td>Firefox</td>
    <td>1</td>
  </tr>
  <tr>
    <td>Mozilla</td>
    <td>1</td>
  </tr>
  <tr>
    <td>Safari</td>
    <td>1</td>
  </tr>
  <tr>
    <td>Opera</td>
    <td>6</td>
  </tr>
</tbody></table>
<p><br>
</p>
<h3 name="Voir_.C3.A9galement"> Voir également </h3>
<p>{{template.Cssxref("border-collapse")}}
</p><p><span class="comment">Interwiki Language Links</span>
</p>{{ wiki.languages( { "en": "en/CSS/border-spacing" } ) }}
Revenir à cette révision