|
|
| Ligne 10 : |
Ligne 10 : |
| | </tr> | | </tr> |
| | </table> | | </table> |
| − | <!---------------------------------------------------------------------------------- | + | <!---------------------------------------------- HERO SECTION ----------------------------------------------------------------> |
| − | | + | <table style="width:100%; margin:30px auto; border-collapse:collapse;"> |
| − | https://fr.w3docs.com/apprendre-html/html-tag-td.html
| + | <tr style="background-color:white; color:#fff;"> |
| − | | + | <td style="vertical-align: top;">[[Fichier:Vida-1.jpg|1680px|centré]]</td> |
| − | Les propriétés CSS qui peuvent être utilisées avec l'élément <table > pour définir son style comprennent : | + | </tr> |
| − | | + | </table> |
| − | width: Définit la largeur de la table.
| |
| − | border-collapse: Détermine si les bordures des cellules doivent être fusionnées en une seule bordure ou s'afficher séparément.
| |
| − | border-spacing: Spécifie l'espacement entre les bordures des cellules lorsque border-collapse est défini sur separate.
| |
| − | caption-side: Détermine le côté où se trouve la légende de la table (haut ou bas).
| |
| − | empty-cells: Spécifie si les cellules vides doivent afficher ou masquer les bordures et le fond.
| |
| − | table-layout: Contrôle l'algorithme utilisé pour calculer la largeur automatique de la table, des colonnes et des cellules.
| |
| − | | |
| − | La propriété CSS margin est une propriété de mise en page qui contrôle l'espace entre les bordures extérieures d'un élément et
| |
| − | les éléments adjacents. Cependant, l'élément <table> ne prend pas en charge directement la propriété margin dans toutes les versions des navigateurs.
| |
| − | | |
| − | Les propriétés CSS qui peuvent être utilisées avec l'élément <tr> (ligne de tableau) pour définir son style sont généralement limitées,
| |
| − | car les lignes de tableau servent principalement à contenir des cellules <td> ou <th>. Cependant, vous pouvez toujours appliquer certains
| |
| − | styles aux lignes de tableau si nécessaire. Voici quelques-unes des propriétés CSS couramment utilisées avec l'élément <tr> :
| |
| − | | |
| − | background-color: Définit la couleur de fond de la ligne.
| |
| − | color: Définit la couleur du texte à l'intérieur de la ligne.
| |
| − | height: Définit la hauteur de la ligne.
| |
| − | vertical-align: Aligne le contenu vertical de la ligne.
| |
| − | text-align: Aligne le contenu horizontal de la ligne.
| |
| − | | |
| − | Les propriétés CSS qui peuvent être utilisées avec l'élément <td> (cellule de tableau) pour définir son style sont nombreuses et
| |
| − | vous permettent de personnaliser l'apparence de chaque cellule. Voici quelques-unes des propriétés CSS les plus couramment
| |
| − | utilisées avec l'élément <td> :
| |
| − | | |
| − | background-color: Définit la couleur de fond de la cellule.
| |
| − | color: Définit la couleur du texte à l'intérieur de la cellule.
| |
| − | width: Définit la largeur de la cellule.
| |
| − | height: Définit la hauteur de la cellule.
| |
| − | text-align: Aligne le texte à l'intérieur de la cellule horizontalement (gauche, centré, droite).
| |
| − | vertical-align: Aligne le contenu vertical de la cellule (haut, milieu, bas).
| |
| − | padding: Définit l'espace à l'intérieur de la cellule entre le contenu et les bordures.
| |
| − | border: Définit les propriétés de la bordure de la cellule (largeur, style, couleur).
| |
| − | font-size: Définit la taille de la police du texte à l'intérieur de la cellule.
| |
| − | font-family: Définit la police du texte à l'intérieur de la cellule.
| |
| − | font-weight: Définit l'épaisseur de la police du texte à l'intérieur de la cellule (normale, gras).
| |
| − | | |
| − | ------------------------------------------------------------------------------------->
| |
