Largeur et hauteur des éléments en CSS

Pour définir la largeur et la hauteur des éléments en CSS, les propriétés width et height sont destinées. Les valeurs de ces propriétés sont généralement définies en pixels. Les pixels sont désignés par px et ajoutés au nombre. Par exemple, pour définir une taille de 100 pixels, la valeur de la propriété doit être la suivante : 100px.

Regardons le fonctionnement de ces propriétés avec un exemple. Définissons une largeur de 200px et une hauteur de 100px pour les cellules d'un tableau :

html<table border="1">
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
  <tr>
    <td>4</td>
    <td>5</td>
    <td>6</td>
  </tr>
  <tr>
    <td>7</td>
    <td>8</td>
    <td>9</td>
  </tr>
</table>

csstd {
  width: 200px;
  height: 100px;
}

Результат:

html<table border="1">
  <tr>
    <td>John</td>
    <td>Smith</td>
    <td>200$</td>
  </tr>
  <tr>
    <td>Nick</td>
    <td>Mayers</td>
    <td>300$</td>
  </tr>
  <tr>
    <td>Alex</td>
    <td>Jonson</td>
    <td>400$</td>
  </tr>
</table>