Lățimea și înălțimea elementelor în CSS

Pentru stabilirea lățimii și înălțimii elementelor în CSS sunt destinate proprietățile width și height. Valorile acestor proprietăți, de regulă, sunt stabilite în pixeli. Pixelii sunt notați ca px și se adaugă la număr. De exemplu, pentru a stabili dimensiunea de 100 de pixeli, valoarea proprietății trebuie să fie următoarea: 100px.

Să vedem funcționarea acestor proprietăți pe un exemplu. Să stabilim celulelor unui tabel o lățime de 200px și o înălțime de 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>