ความกว้างของคุณลักษณะเหล่านี้สามารถวัดได้โดยใช้พิกเซลหรือเปอร์เซ็นต์ สำหรับการปรับช่องว่างระหว่างข้อความและผนังเซลล์ล้อมรอบเซลล์และเซลล์ภายในแท็กตารางจะใช้แอตทริบิวต์เช่นการใส่เซลล์และการเว้นช่องว่างระหว่างเซลล์
แผนภูมิเปรียบเทียบ
| พื้นฐานสำหรับการเปรียบเทียบ | cellpadding | Cellspacing |
|---|---|---|
| ขั้นพื้นฐาน | ควบคุมช่องว่างระหว่างเส้นขอบของเซลล์กับเนื้อหา | กำหนดช่องว่างระหว่างเซลล์เดี่ยว |
| หมายถึง | เซลล์เดียว | มากกว่าหนึ่งเซลล์ |
| รูปแบบ HTML |  |  |
คำจำกัดความของ Cellpadding
แอ็ตทริบิวต์ที่ตั้งค่าช่องว่างในเซลล์ระหว่างเนื้อหาและขอบเขตต่อพ่วงถูกตั้งชื่อเป็น cellpadding กล่าวอีกนัยหนึ่งระยะห่างระหว่างเนื้อหาที่เซลล์ล้อมรอบและขอบเขตของเซลล์ได้รับการจัดการโดยแอ็ตทริบิวต์การใส่เซลล์ หน่วยของระยะนี้สามารถบอกเป็นพิกเซลหรือเปอร์เซ็นต์เป็น HTML ค่าแอ็ตทริบิวต์ cellpadding ยังสามารถเป็น 0 ค่าตามความต้องการของผู้ใช้ มันถูกใช้เพื่อแยกข้อความออกจากกันซึ่งช่วยแก้ไขลักษณะที่ปรากฏ
HTML รุ่นที่เก่ากว่ารองรับคำสั่ง cellpadding แต่รุ่นที่ใหม่กว่า HTML5 ไม่อนุญาตให้ใช้ cellpadding ดังนั้น CSS ที่ใช้แทนจะใช้ในการจัดรูปแบบเดียวกันเมื่อจำเป็น
ความหมายของ Cellspacing
Cellspacing นั้นแตกต่างจาก Cellpadding มันควบคุมระยะห่างระหว่างเซลล์เดียวในตาราง ด้วยการใช้คุณลักษณะนี้ผู้ออกแบบสามารถปรับเปลี่ยนช่องว่างระหว่างขอบของเซลล์ที่อยู่ติดกันได้อย่างง่ายดาย มันช่วยเพิ่มความชัดเจนของตาราง เห็นได้ชัดว่าการเพิ่มปริมาณของการเว้นวรรคของเซลล์เพิ่มขอบเซลล์ซึ่งจะแสดงในตัวอย่าง
Cellspacing ส่วนใหญ่จะใช้ในการออกแบบเว็บ ภาษาที่แตกต่างกันมีไวยากรณ์ที่แตกต่างกันมากสำหรับการเว้นวรรคเช่นใน CSS มันถูกใช้โดยใช้คุณสมบัติ“ การเว้นระยะชายแดน” ในขณะที่ใช้ HTML“ การเว้นวรรค” HTML
ความแตกต่างที่สำคัญระหว่าง Cellpadding และ Cellspacing
- Cellpadding อธิบายช่องว่างในเซลล์ตามข้อความและขอบเซลล์ ในทางกลับกันการเว้นช่องว่างระหว่างเซลล์หมายถึงช่องว่างระหว่างเซลล์ต่างๆ ทั้งสองแตกต่างกันอย่างสิ้นเชิง
- Cellpadding เกี่ยวข้องกับพื้นที่ภายในเซลล์ในขณะที่การเว้นวรรคเกี่ยวข้องกับความกว้างระหว่างเซลล์ (เช่นมากกว่าหนึ่งเซลล์)
ตัวอย่างของ Cellpadding
td {background: lavender;} ตารางเว็บเพจ รายการ 1 | รายการ 2 | รายการ 3 |
เอาท์พุท:
ตัวอย่างของ Cellspacing
td {background: lavender;} ตารางเว็บเพจ รายการ 1 | รายการ 2 | รายการ 3 |
เอาท์พุท:
ข้อสรุป
Cellpadding และ cellspacing เป็นสองคุณสมบัติที่ช่วยในการควบคุมรูปแบบและเค้าโครงของตารางในหน้าเว็บ Cellpadding สร้างช่องว่างภายในเซลล์ระหว่างข้อความและเส้นขอบของเซลล์ในขณะที่การเว้นวรรคสามารถใช้เพื่อจัดการช่องว่างระหว่างเซลล์ในตาราง
