เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
คุณสมบัติการแสดงผลที่ระบุหรือไม่ว่าเป็นองค์ประกอบที่จะมองเห็นได้
Tip: แม้องค์ประกอบที่มองไม่เห็นใช้พื้นที่บนหน้าเว็บ ใช้ การแสดงผล คุณสมบัติการสร้างองค์ประกอบที่มองไม่เห็นว่าจะไม่ใช้พื้นที่!
| ค่าเริ่มต้น: | visible |
|---|---|
| รับการถ่ายทอด: | yes |
| Animatable: | yes. Read about animatable |
| เวอร์ชัน: | CSS2 |
| ไวยากรณ์ javascript: | object .style.visibility="hidden" Try it |
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| visibility | 1.0 | 4.0 | 1.0 | 1.0 | 4.0 |
CSS ไวยากรณ์
visibility: visible|hidden|collapse|initial|inherit;ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ | เล่น |
|---|---|---|
| visible | ค่ามาตรฐาน องค์ประกอบที่สามารถมองเห็นได้ | เล่น " |
| hidden | องค์ประกอบที่มองไม่เห็น (but still takes up space) | เล่น " |
| collapse | เฉพาะสำหรับองค์ประกอบของตาราง การล่มสลายลบแถวหรือคอลัมน์ แต่ก็ไม่ส่งผลต่อรูปแบบตาราง พื้นที่ที่นำขึ้นมาจากแถวหรือคอลัมน์ที่จะสามารถใช้ได้สำหรับเนื้อหาอื่น ๆ ถ้ายุบถูกนำมาใช้ในองค์ประกอบอื่น ๆ ก็เป็นวาทกรรม "hidden" | เล่น " |
| initial | การตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น | เล่น " |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
ตัวอย่างนี้แสดงให้เห็นถึงวิธีที่จะทำให้การล่มสลายองค์ประกอบตาราง:
tr.collapse {
visibility: collapse;
} ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
กวดวิชา CSS: การแสดงผล CSS และการมองเห็น
อ้างอิง HTML DOM: visibility property