CSSda elementlarning kengligi va balandligi

CSSda elementlarning kengligi va balandligini belgilash uchun width va height xususiyatlari mo‘ljallangan. Ushbu xususiyatlarning qiymatlari, odatda, pikselda belgilanadi. Piksellar px sifatida belgilanadi va raqamga qo‘shiladi. Masalan, 100 piksel o‘lchamini belgilash uchun xususiyat qiymati quyidagicha ko‘rsatilishi kerak: 100px.

Keling, ushbu xususiyatlarning ishlashini misolda ko‘rib chiqaylik. Biror jadval kataklariga 200px kenglik va 100px balandlik belgilaymiz:

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>