คุณสมบัติ display

คุณสมบัติ display - กำหนดวิธีการแสดงผล ขององค์ประกอบโดยเบราว์เซอร์

โครงสร้าง

ค่าที่ใช้ได้

ค่า	คำอธิบาย
block	องค์ประกอบแบบบล็อก
inline	องค์ประกอบแบบอินไลน์
inline-block	องค์ประกอบแบบอินไลน์-บล็อก
list-item	องค์ประกอบจะกลายเป็นรายการในลิสต์และจะมี เครื่องหมายลิสต์ปรากฏขึ้นด้านหน้า
flex	ตั้งค่าองค์ประกอบเป็นแบบบล็อก และองค์ประกอบลูกของมันจะกลายเป็นองค์ประกอบ flex
inline-flex	ตั้งค่าองค์ประกอบเป็นแบบอินไลน์-บล็อก และองค์ประกอบลูกของมันจะกลายเป็นองค์ประกอบ flex
grid	สร้างองค์ประกอบแบบกริด
none	องค์ประกอบจะหายไปโดยสิ้นเชิงและองค์ประกอบอื่นๆ ทั้งหมดจะทำตัวราวกับว่าไม่มีองค์ประกอบนี้อยู่
table	องค์ประกอบจะทำตัวเหมือนตาราง
table-cell	องค์ประกอบจะทำตัวเหมือนเซลล์ตาราง
inline-table	องค์ประกอบจะทำตัวเหมือนตาราง แต่ตารางนั้นเป็นองค์ประกอบแบบอินไลน์และ สามารถมีองค์ประกอบอื่นๆ เช่น ข้อความ ล้อมรอบได้
table-caption	องค์ประกอบจะทำตัวเหมือนแท็ก caption
table-column	องค์ประกอบจะทำตัวเหมือนคอลัมน์ของตาราง
table-row	องค์ประกอบจะทำตัวเหมือนแถวของตาราง
table-column-group	องค์ประกอบจะทำตัวเหมือนแท็ก colgroup
table-footer-group	องค์ประกอบจะทำตัวเหมือนแท็ก tfoot
table-header-group	องค์ประกอบจะทำตัวเหมือนแท็ก thead
table-row-group	องค์ประกอบจะทำตัวเหมือนแท็ก tbody
run-in	ตั้งค่าองค์ประกอบเป็นแบบบล็อกหรือ อินไลน์ ขึ้นอยู่กับบริบท

โดยค่าเริ่มต้น องค์ประกอบสามารถมี ค่าของ display ที่แตกต่างกันได้