Webelix.net :: CSS - La propriété Border-Collapse

Vous êtes ici : Home Page

Cours

CSS

Propriete border-collapse

Imprimer le document

Informations Générales

[442] Posts sur le forum

[523] Membres inscrits
Il y a en ligne :

0 Membre

1 Invité

Membre en ligne:
Aucun

Partenariat

Vous pouvez aider ce site à évoluer, en contribuant à son développement. Proposez vos idées de cours et/ou dossiers.
Rendez-vous dans « Partenariat » pour en savoir plus.

Prestataire

N°1 de l'hébergement, location de serveurs, nom de domaines et téléphonie.
(OVH est recommandé par Webelix.net)

Nos Partenaires

La propriété Border-Collapse

Il y a deux modèles distincts pour appliquer des bordures autour des cellules d'un tableau.

L'une permet de mettre un effet de troisième dimension sur les bordures et l'autre conserve des bordures en deux dimensions.

border-collapse
Valeur	separate collapse
Type	CSS 2
Compatibilité	5+ 4+ 4+ 3+ 9+
Valeur par défaut	separate
Domaine d'application	Tableaux
Héritage	oui
Media	visuel

Valeur possible	Action	Exemple
separate	Donne de la profondeur aux bordures autour des cellules.	table {border-collapse: separate}
collapse	Aucun profondeur n'est décelé sur les bordures autour des cellules.	table {border-collapse: collapse}

Exemples

Cet exemple montre un tableau dont les bordures intérieures ont une apparence en deux dimensions et fine.

cellule	cellule	cellule
cellule	cellule	cellule

table {border-collapse: collapse}

Cet exemple montre un tableau dont les bordures intérieures ont conservé leur apparence en trois dimensions.

cellule	cellule	cellule
cellule	cellule	cellule

table {border-collapse: separate}

Les dernières pages de Cours et Dossiers ajoutées

Informations Générales

Informations Générales

Partenariat

Prestataire

Nos Partenaires

La propriété Border-Collapse

Exemples