CSS'te Öğelerin Genişliği ve Yüksekliği

CSS'te öğelerin genişliğini ve yüksekliğini ayarlamak için width ve height özellikleri kullanılır. Bu özelliklerin değerleri genellikle piksel olarak belirtilir. Pikseller px olarak gösterilir ve sayıya eklenir. Örneğin, 100 piksel boyut ayarlamak için, özellik değeri şu şekilde belirtilmelidir: 100px.

Bu özelliklerin çalışmasını bir örnekle inceleyelim. Bir tablonun hücrelerine 200px genişlik ve 100px yükseklik verelim:

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>