CSSда элементларнинг эн ва бўйи

CSSда элементларнинг эни ва бўйини белгилаш учун width ва height хусусиятлари мўлжалланган. Ушбу хусусиятларнинг қийматлари, оддата, пикселларда белгиланади. Пикселлар px сифатида белгиланади ва рақамга қўшилади. Масалан, 100 пиксел ҳажмини белгилаш учун хусусиятнинг қиймати куйидагича кўрсатилиши керак: 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>