Breedte en hoogte van elementen in CSS

Voor het instellen van de breedte en hoogte van elementen in CSS zijn de eigenschappen width en height bedoeld. De waarden van deze eigenschappen worden over het algemeen opgegeven in pixels. Pixels worden aangeduid als px en toegevoegd aan het getal. Om bijvoorbeeld een grootte van 100 pixels in te stellen, moet de waarde van de eigenschap als volgt worden opgegeven: 100px.

Laten we de werking van deze eigenschappen bekijken aan de hand van een voorbeeld. Laten we enkele tabelcellen een breedte van 200px en een hoogte van 100px geven:

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>