คุณสมบัติการแสดงผล CSS
ตัวอย่าง
ทำให้ <h2> องค์ประกอบที่มองไม่เห็น:
H2
{
visibility: hidden;
}
{
visibility: hidden;
}
ลอง»
ในด้านล่างของหน้านี้ตัวอย่างมากขึ้น
แอตทริบิวต์คำจำกัดความและคำแนะนำ
แอตทริบิวต์การแสดงผลระบุว่าเป็นองค์ประกอบที่จะมองเห็นได้
เคล็ดลับ: แม้ว่าองค์ประกอบที่มองไม่เห็นจะครอบครองพื้นที่บนหน้าเว็บโดยใช้คุณสมบัติ "จอแสดงผล" เพื่อสร้างไม่ใช้พื้นที่บนหน้าเว็บไม่ได้เป็นองค์ประกอบที่มองเห็นได้
เริ่มต้น: | มองเห็นได้ |
---|---|
มรดก: | ใช่ |
เวอร์ชัน: | CSS2 |
ไวยากรณ์ javascript: | วัตถุ .style.visibility = "ซ่อน" |
สนับสนุนเบราว์เซอร์
เบราว์เซอร์ที่สำคัญทั้งหมดสนับสนุนคุณสมบัติการแสดงผล
หมายเหตุ :: Internet Explorer (รวม IE8) ไม่สนับสนุนรุ่นค่าแอตทริบิวต์ "สืบทอด" หรือ "ล่มสลาย"
มูลค่าทรัพย์สิน
ความคุ้มค่า | ลักษณะ |
---|---|
มองเห็นได้ | ผิดนัด องค์ประกอบที่สามารถมองเห็นได้ |
ซ่อนเร้น | องค์ประกอบที่มองไม่เห็น |
ล่มสลาย | เมื่อนำมาใช้ในองค์ประกอบของตารางค่านี้สามารถลบแถวหรือคอลัมน์ แต่ก็ไม่ส่งผลต่อรูปแบบของตาราง พื้นที่ถูกครอบครองโดยแถวหรือคอลัมน์ที่จะถูกทิ้งไว้กับการใช้งานเนื้อหาอื่น ๆ หากค่านี้ถูกนำมาใช้ในองค์ประกอบอื่น ๆ ก็จะกลายเป็น "ซ่อน" |
สืบทอด | บทบัญญัติควรสืบทอดค่าคุณลักษณะการแสดงผลจากองค์ประกอบหลัก |
ตัวอย่างเพิ่มเติม
องค์ประกอบที่มีการตั้งค่ารูปแบบที่จะยุบ
ตัวอย่างนี้แสดงให้เห็นถึงวิธีที่จะทำให้องค์ประกอบตารางซ้อนทับ
บทความที่เกี่ยวข้อง
กวดวิชา CSS: การแสดงผล CSS และการมองเห็น