HTML cellspacing ve cellpadding kullanımı

  • HTML’de oluşturduğumuz tablolarda hücreler arası boşluk, hücre kenarı ve hücre içeriği arasındaki boşluğu ayarlamak için cellspacing ve cellpadding özelliklerini kullanırız.
  • cellspacing: Hücreler arasındaki boşluk
  • cellpadding: Hücre kenarı ile hücre içeriği arasındaki boşluk

cellpadding kullanımı

<table cellpadding="10">
      <tr>
         <td>satır 1, sütun 1</td>
         <td>satır 1, sütun 2</td>
      </tr>
      <tr>
         <td>satır 2, sütun 1</td>
         <td>satır 2, sütun 2</td>
      </tr>
 </table>
satır 1, sütun 1 satır 1, sütun 2
satır 2, sütun 1 satır 2, sütun 2
<table cellpadding="30">
      <tr>
         <td>satır 1, sütun 1</td>
         <td>satır 1, sütun 2</td>
      </tr>
      <tr>
         <td>satır 2, sütun 1</td>
         <td>satır 2, sütun 2</td>
      </tr>
 </table>
satır 1, sütun 1 satır 1, sütun 2
satır 2, sütun 1 satır 2, sütun 2

cellspacing kullanımı

<table border="2" cellspacing="30">
      <tr>
         <td>satır 1, sütun 1</td>
         <td>satır 1, sütun 2</td>
      </tr>
      <tr>
         <td>satır 2, sütun 1</td>
         <td>satır 2, sütun 2</td>
      </tr>
</table>
satır 1, sütun 1 satır 1, sütun 2
satır 2, sütun 1 satır 2, sütun 2
<table border="2" cellspacing="60">
      <tr>
         <td>satır 1, sütun 1</td>
         <td>satır 1, sütun 2</td>
      </tr>
      <tr>
         <td>satır 2, sütun 1</td>
         <td>satır 2, sütun 2</td>
      </tr>
</table>
satır 1, sütun 1 satır 1, sütun 2
satır 2, sütun 1 satır 2, sütun 2
1,599 Views
27633cookie-checkHTML cellspacing ve cellpadding kullanımı

Leave a Reply

Your email address will not be published. Required fields are marked *