CSS-də elementlərin eni və hündürlüyü

CSS-də elementlərin enini və hündürlüyünü təyin etmək üçün width və height xassələri nəzərdə tutulub. Bu xassələrin qiymətləri, bir qayda olaraq, piksel ilə təyin olunur. Piksellər px kimi işarələnir və rəqəmə əlavə olunur. Məsələn, 100 piksel ölçü təyin etmək üçün xassənin qiyməti aşağıdakı kimi göstərilməlidir: 100px.

Gəlin bu xassələrin işini bir nümunə üzərində nəzərdən keçirək. Hansısa cədvəlin xanalarına 200px eni və 100px hündürlüyü təyin edək:

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>