Accueil    CSS    Propriété Border-spacing
 



style css border-spacing  Style CSS border-spacing

«  Partie précédente  |  Index  |  Partie suivante  »


La propriété border-spacing s'utilise avec la propriété border-collapse, lorsque cette dernière est valorisée à "separate". Elle détermine alors l'espace de séparation qui sera appliquée entre les bordures des cellules de la table.




Propriétés pour le style border-spacing :




Propriété Définition Valeurs CSS
border-spacing Spécifique à l'affichage des tableaux : indique l'espace entre les bordures des cellules lorsque la propriété border-collapse est positionnée à separate valeur px
inherit
CSS 2


Exemple d'utilisation du style css border-spacing :





Exemple avec la propriété bordure-collapse positionnée à "separate" :

<table cellpadding="0" cellspacing="0" style="border:solid 1px green; border-collapse:separate; border-spacing:5px;">
   <tr><td>cellule 1</td><td>cellule 2</td><td>cellule 3</td></tr>
   <tr><td>cellule 4</td><td>cellule 5</td><td>cellule 6</td></tr>
</table>

Exemple avec la propriété bordure-collapse positionnée à "collapse" :

<table cellpadding="0" cellspacing="0" style="border-collapse:collapse;">
   <tr><td>cellule 1</td><td>cellule 2</td><td>cellule 3</td></tr>
   <tr><td>cellule 4</td><td>cellule 5</td><td>cellule 6</td></tr>
</table>




Exemple avec la propriété border-collapse positionnée à "separate" et border-spacing à 5px :

cellule 1cellule 2cellule 3
cellule 4cellule 5cellule 6


Exemple avec la propriété bordure-collapse positionnée à "collapse" :

cellule 1cellule 2cellule 3
cellule 4cellule 5cellule 6