Elementu platums un augstums CSS

Lai iestatītu elementu platumu un augstumu CSS, ir paredzētas īpašības width un height. Šo īpašību vērtības parasti tiek iestatītas pikseļos. Pikseļus apzīmē kā px un pievieno skaitlim. Piemēram, lai iestatītu izmēru 100 pikseļos, īpašības vērtībai jānorāda sekojošais: 100px.

Apskatīsim šo īpašību darbību ar piemēru. Iestatīsim kādas tabulas šūnām platumu 200px un augstumu 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>