Elementų plotis ir aukštis CSS

Elementų pločiui ir aukščiui nustatyti CSS skirtos savybės width ir height. Šių savybių reikšmės paprastai nustatomos pikseliais. Pikseliai žymimi kaip px ir pridedami prie skaičiaus. Pavyzdžiui, norint nustatyti dydį 100 pikselių, savybės reikšmė turėtų būti nurodyta taip: 100px.

Pažiūrėkime, kaip šios savybės veikia pavyzdyje. Nustatykime lentelės langeliams plotį 200px ir aukštį 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>