ปิดข้อความ HTML ด้วย CSS display

ปิดข้อความ HTML ด้วย CSS display บทความนี้สอนใช้คำสั่ง display ของ CSS เพื่อปิด หรือซ่อนข้อความไม่ให้เห็นที่หน้าเว็บไซต์ จากตัวอย่างกำหนดข้อความใน div พร้อมกับปิดข้อความด้วย CSS สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง ปิดข้อความ HTML ด้วย CSS display

สวัสดี
<div style="display: none">World</div>
<div>Devdit</div>

ผลลัพธ์

สวัสดี
Devdit

ปิดข้อความ HTML จากตัวอย่างกำหนด display: none ใน div ที่มีข้อความว่า World เวลาเว็บไซต์ทำงานจะเป็นการปิด หรือซ่อนข้อความ World ออกจากหน้าจอ ทำให้ได้ผลลัพธ์เป็น สวัสดี Devdit