Table Cellpadding กับ Table Cellspacing

| ไอที | HTML | 21795

Table Cellpadding กับ Table Cellspacing

ในบทความนี้ เรามาดูความแตกต่างระหว่าง Table Cellpadding กับ Table Cellspacing ซึ่งทั้งสองเป็นการกำหนดคุณสมบัติของตาราง

- Cellpadding เป็นการกำหนดระยะห่างระหว่างเส้นขอบภายนอก กับเนื้อหาภายใน หรือเรียกสั้น ๆ ว่า ขอบใน
- Cellspacing เป็นการกำหนดความกว้างของเส้นขอบ

Cellpadding

Cellpadding เป็นการกำหนดการควบคุม ระยะห่างระหว่างเซลล์ ซึ่งโดยปกติ บราวเซอร์ทั่ว ๆ มักจะให้ค่า default เท่ากับ 2
<table border="1" cellpadding="1">
<tr>
  <td>First</td>
  <td>Row</td>
</tr>   
<tr>
  <td>Second</td>
  <td>Row</td>
</tr>
</table>
First Row
Second Row
<table border="1" cellpadding="2">
<tr>
  <td>First</td>
  <td>Row</td>
</tr>   
<tr>
  <td>Second</td>
  <td>Row</td>
</tr>
</table>
First Row
Second Row
<table border="1" cellpadding="10">
<tr>
  <td>First</td>
  <td>Row</td>
</tr>   
<tr>
  <td>Second</td>
  <td>Row</td>
</tr>
</table>
First Row
Second Row

Cellspacing

Cellspacing เป็นการกำหนดการควบคุม พื้นที่ระหว่างเนื้อหาของเซลล์ กับผนังเซลล์ ซึ่งโดยปกติ บราวเซอร์ทั่ว ๆ ไป มักจะให้ค่า default เท่ากับ 1
<table border="1" cellspacing="1">
<tr>
  <td>First</td>
  <td>Row</td>
</tr>   
<tr>
  <td>Second</td>
  <td>Row</td>
</tr>
</table>
First Row
Second Row
<table border="1" cellspacing="2">
<tr>
  <td>First</td>
  <td>Row</td>
</tr>   
<tr>
  <td>Second</td>
  <td>Row</td>
</tr>
</table>
First Row
Second Row
<table border="1" cellspacing="10">
<tr>
  <td>First</td>
  <td>Row</td>
</tr>   
<tr>
  <td>Second</td>
  <td>Row</td>
</tr>
</table>
First Row
Second Row

comments




เว็บเพื่อนบ้าน
DoesystemDevcodeMathMySelfHowToClicksBlogJavaExample