การใช้งาน CSS visibility:hidden

คุณสมบัติ visibility ค่า hidden ใช้ซ่อน Element แต่ยังคงครอบครองพื้นที่ใน Layout (ต่างจาก display: none ที่เอาพื้นที่ไปเลย)

ตัวอย่าง

<html>
<head></head>
<body>
    <p>This paragraph should be visible in normal way.</p>
    <p style="visibility:hidden;">
        This paragraph should not be visible.
    </p>
</body>
</html>

เปรียบเทียบ:

• visibility: hidden — ซ่อนแต่ยังครอบพื้นที่
• display: none — ซ่อนและไม่ครอบพื้นที่เลย