Πλάτος και Ύψος Στοιχείων στο CSS

Για τον καθορισμό του πλάτους και του ύψους των στοιχείων στο CSS προορίζονται οι ιδιότητες width και height. Οι τιμές αυτών των ιδιοτήτων, γενικά, καθορίζονται σε pixels. Τα pixels συμβολίζονται ως px και προστίθενται στον αριθμό. Για παράδειγμα, για να ορίσετε μέγεθος σε 100 pixels, η τιμή της ιδιότητας θα πρέπει να είναι η ακόλουθη: 100px.

Ας δούμε τη λειτουργία αυτών των ιδιοτήτων με ένα παράδειγμα. Ας ορίσουμε σε μερικά κελιά ενός πίνακα πλάτος 200px και ύψος 100px:

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>