คุณสมบัติ display จะระบุว่า element นั้นๆ ควรจะมองเห็น หรือซ่อนไว้
การซ่อน element ใช้คำสั่งดังนี้
visibility: hidden; ซ่อนวัตถุไม่ให้มองเห็น และวัตถุอื่นที่อยู่ถัดไปจะไม่เลื่อนมาแทนที่
display: none; เอาวัตถุออกไป และวัตถุอื่นที่อยู่ถัดไปจะเลื่อนมาแทนที่
display: inline; ทำให้ element นั้นๆ กลายเป็นแบบ inline คือ ทำให้ข้อความในแท็กนั้นจะไม่ขึ้นบรรทัดใหม่ ความกว้างของแท็กจะยาวเท่ากับความยาวของข้อความ และค่าอื่นๆ จากคำสั่ง margin-top, margin-bottom, padding-top หรือ padding-bottom จะไม่มีผลใดๆทั้งสิ้น
display: block; ทำให้ element นั้นๆ กลายเป็นแบบ block คือ ทำให้ข้อความในแท็กนั้น จะขึ้นบรรทัดใหม่ทันที ความกว้างและความสูงในตอนแรกจะยังเหมือนเดิม แต่สามารถใช้คำสั่ง width และ height เพื่อระบุขนาดของกล่องข้อความได้ และคำสั่งใดๆที่เกี่ยวกับ margin-top, margin-bottom, padding-top และ padding-bottom จะเริ่มมีผลทันที
ไม่มีความคิดเห็น:
แสดงความคิดเห็น