CSS ความหลากหลายempty-cells

  • หน้าก่อน display
  • หน้าต่อไป filter

การกำหนดและการใช้งาน

การตั้งค่าคุณสมบัติ empty-cells ที่จะแสดงหรือไม่เซลล์ว่างในตาราง (ใช้เพียงในโหมด border-collapse: separate)。

หมายเหตุ：บางรุ่นของเว็บเบราว์เซอร์ IE ไม่สนับสนุนคุณสมบัตินี้。

ชี้แจง

คุณสมบัตินี้กำหนดว่าเซลล์ตารางที่ไม่มีเนื้อหาจะแสดงอย่างไร ถ้าแสดง จะวาดเส้นขอบและพื้นที่หลังของเซลล์ ยกเว้นถ้า border-collapse ตั้งเป็น separate จะละเลยคุณสมบัตินี้。

ดูเพิ่มเติมที่:

ตำรา CSS:CSS ตาราง

คู่มืออ้างอิง HTML DOM:คุณสมบัติ emptyCells

ตัวอย่าง

ซ่อนเส้นขอบและพื้นที่หลังของเซลล์ว่างในตาราง:

table
  {
  border-collapse:separate;
  empty-cells:hide;
  }

ลองทดลองด้วยตัวเอง

การใช้งานภาษา CSS

empty-cells: show|hide|initial|inherit;

ค่าของคุณสมบัติ

ค่า รายละเอียด
hide ไม่วาดเส้นขอบรอบเซลล์ว่าง。
show วาดเส้นขอบรอบเซลล์ว่าง โดยเริ่มต้น。
inherit กำหนดให้คุณสมบัติ empty-cells ขององค์ประกอบพ่อสืบทอดค่าของมัน。

รายละเอียดเทคโนโลยี

ค่าเริ่มต้น: show
การสืบทอด: yes
รุ่น: CSS2
การใช้งานภาษา JavaScript： object.style.emptyCells="hide"

การสนับสนุนโปรแกรมน่าดูแล

ตัวเลขในตารางนี้บอกว่าอุปกรณ์นำหน้าที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่。

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.2 4.0

หมายเหตุ：ถ้าได้กำหนด !DOCTYPE แล้ว ตัวแทนอินเตอร์เน็ตอิกซ์เพอร์เลอร์ 8 (และสูงกว่า) สนับสนุนคุณสมบัติ empty-cells。

  • หน้าก่อน display
  • หน้าต่อไป filter