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

Inscription
fleche

Mot de passe oublié ?

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

(01/01/2008) PHP - Expression Rationnelle PREG_REPLACE
(01/01/2008) Trucs et Astuces - (PHP) Supprimer les espaces en trop dans une chaîne
(26/12/2007) Trucs et Astuces - (HTML) Jukebox vidéo en flash
(02/12/2007) Trucs et Astuces - (PHP) Manipulation des Dates
(10/11/2007) Trucs et Astuces - (JavaScript) Masquer/Désactiver des champs de formulaire
(02/11/2007) Trucs et Astuces - (JavaScript) Liste d'options dynamique

Informations Générales

Chargement en cours...

Nombre de Visites fleche

[ 139451 ]
Votre IP fleche

[ 38.103.63.16 ]

Vous êtes ici : Home Page

Cours

CSS

Propriete border-collapse

Imprimer

Informations Membres

	[192] Posts sur le forum
	[177] 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.

Nom de domaine

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+ 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}