ทรัพย์สินที่เรียกว่า การมองเห็น ช่วยให้คุณสามารถซ่อนองค์ประกอบจากมุมมอง คุณสามารถใช้คุณสมบัตินี้ร่วมกับ JavaScript เพื่อสร้างเมนูที่ซับซ้อนมากและเค้าโครงหน้าเว็บที่ซับซ้อนมากได้
การมองเห็น คุณสมบัติสามารถนำค่าที่แสดงในตารางที่ตามมาได้
| ค่า | คำอธิบาย |
|---|---|
| มองเห็นได้ | กล่องและเนื้อหาจะแสดงให้ผู้ใช้เห็น |
| ซ่อนอยู่ | กล่องและเนื้อหาจะไม่ปรากฏให้เห็น แม้ว่าจะยังส่งผลต่อเลย์เอาต์ของหน้าก็ตาม |
| ยุบ | ใช้สำหรับคอลัมน์ตารางไดนามิกและเอฟเฟกต์แถวเท่านั้น |
ตัวอย่าง
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อเรียนรู้วิธีทำงานกับที่มองเห็นได้ และซ่อนอยู่ ค่า
<html>
<head>
<style>
p {
visibility: hidden;
}
</style>
</head>
<body>
<p style = "visibility:visible;">
This paragraph is visible.
</p>
<p>
This paragraph won't be visible.
</p>
</body>
</html> 