คุณได้รับบริการโดย visibility ของ CSS

คำหมายและวิธีใช้

คุณสมบัติ visibility กำหนดว่าองค์ประกอบเห็นได้หรือไม่

คำแนะนำแม้ว่าองค์ประกอบที่ไม่เห็นจะยังคงเต็มไปด้วยพื้นที่บนหน้าเว็บ แต่คุณควรใช้คุณสมบัติ display ในการสร้างองค์ประกอบที่ไม่เต็มไปด้วยพื้นที่บนหน้าเว็บ

คำอธิบาย

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

ดูเพิ่มเติม

การเรียน CSSการจัดตำแหน่ง CSS

คู่มือ HTML DOMคุณสมบัติ visibility

ตัวอย่าง

ทำให้ h2 ไม่เห็น

h2
  {
  visibility:hidden;
  }

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

ระบบการใช้งาน CSS

visibility: visible|hidden|collapse|initial|inherit;

ค่าทางอักษรของคุณสมบัติ

ค่า คำอธิบาย
visible ค่าเริ่มต้น。องค์ประกอบเห็นได้
hidden องค์ประกอบไม่เห็น
collapse เมื่อใช้กับองค์ประกอบตาราง ค่านี้สามารถลบแถวหรือคอลัมน์หนึ่ง แต่มันจะไม่ส่งผลต่อการจัดละแวกของตาราง。พื้นที่ที่ถูกแถวหรือคอลัมน์เต็มไปจะถูกใช้โดยสิ่งอื่น ๆ ถ้าค่านี้ถูกใช้กับองค์ประกอบอื่น ๆ มันจะแสดงขึ้นมาเป็น "hidden"。
inherit กำหนดให้ค่า visibility ขององค์ประกอบต้องรับโอนมาจากองค์ประกอบพ่อของมัน。

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

ค่าเริ่มต้น: visible
ความสามารถรับโอน: yes
เวอร์ชัน: CSS2
ระบบการใช้งาน JavaScript: object.style.visibility="hidden"

TIY ตัวอย่าง

วิธีที่จะทำให้องค์ประกอบไม่เห็น
ตัวอย่างนี้แสดงว่าจะทำไมเพื่อทำให้องค์ประกอบไม่เห็น? คุณต้องการให้องค์ประกอบแสดงขึ้นมาหรือไม่?
ตั้งค่าตัวเล่มตารางเป็น collapse
ตัวอย่างนี้แสดงว่าจะทำไมเพื่อทำให้ตัวเล่มตารางนั้นหลุดออกมา?

การสนับสนุนโดยบราวเซอร์

ตัวเลขในตารางชี้ถึงเวอร์ชันบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่。

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