Nous utilisons l'attribut border-collapse pour créer une bordure réduite en HTML. border-collapse est une propriété CSS qui définit si la bordure du tableau doit être réduite à une seule bordure ou être séparée de sa propre bordure en HTML.

L'attribut Border-collapse a quatre valeurs : séparé, réduit, initial, hérite.

Alors que la valeur s'effondre

Si vous transmettez collapse comme valeur de la propriété border-collapse, la bordure de la table se réduira simplement en une seule bordure. Voici la syntaxe pour créer une bordure pliable en HTML.

border-collapse: collapse;

Exemple 1

Dans l'exemple ci-dessous, nous essayons de créer une bordure pliable en HTML -

       
  
Tables in HTML
 
 
 
First Name 
 
Job role
 
 
 
Tharun
 
Content writer
 
 
 
Akshaj
 
Content writer
 
 
  

Ce qui suit est le résultat de l'exemple de programme ci-dessus.

Exemple 2

Regardons un autre exemple, en utilisant l'effondrement comme valeur de la propriété border-collapse -

    
  
Technologies
 
 
 
IDE
 
Database
 
 
 
NetBeans IDE
 
MySQL
 
 
  

Avec la séparation comme valeur

Si nous créons une bordure réduite en passantseparatecomme valeur de la propriétéborder-collapse, les cellules individuelles seront enveloppées dans des bordures séparées.

border-collapse:separate;

Exemple 1

Dans l'exemple ci-dessous, nous essayons de créer des bordures pliables distinctes en HTML.

       
  
Tables in HTML
 
 
 
First Name 
 
Job role
 
 
 
Tharun
 
Content writer
 
 
 
Akshaj
 
Content writer
 
 
  

Ce qui suit est le résultat de l'exemple de programme ci-dessus.

Exemple 2

Regardons un autre exemple où split est utilisé comme valeur de la propriété border-collapse -

    
  
Technologies
 
 
 
IDE
 
Database
 
 
 
NetBeans IDE
 
MySQL
 
 
  

Utiliser la valeur initiale comme valeur

Si vous transmettezinitialcomme valeur de la propriété border-collapse, elle sera définie sur sa valeur par défaut, qui est seule. Vous trouverez ci-dessous la syntaxe qui utilise les propriétés initiales de l'attribut border-collapse en HTML.

border-collapse:initial;

Exemple

Un exemple est donné ci-dessous, qui utilise l'attribut initial de l'attribut border-collapse en HTML.

       
  
Tables in HTML
 
 
 
First Name 
 
Job role
 
 
 
Tharun
 
Content writer
 
 
 
Akshaj
 
Content writer
 
 
  

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!