⭕ display CSS Style Property

המאפיין display מגדיר את מאפייני התצוגה של אלמנט
כל אלמנט HTML (תגית) כולל הגדרה בסיסית של תכונות תצוגה. ניתן לשנות את תכונות התצוגה על ידי פריט זה

דוגמא: שנה את מאפיין התצוגה של האלמנט

Demo Panel:

cssguide and to this is CSSGuide test to see this proprty and to this is CSSGuide test to

CSSGuide

cssguide and to this is CSSGuide test to see this proprty and to this is CSSGuide test to

CSS:

HTML:

Syntax:

display: value;

Valid values:

block, inline, run-in, flow, flow-root, table, flex, grid, ruby, list-item, table-row-group, table-header-group, table-footer-group, table-row, table-cell, table-column-group, table-column, table-caption, ruby-base, ruby-text, ruby-base-container, ruby-text-container, contents, none, inline-table, inline-block, inline-flex, inline-grid, inline-list-item, revert, revert-layer, unset, inherit, initial

Js Syntax: element.style.display

תאימות דפדפנים

display
הערך שנבדק	Chrome	Firefox	EdgeC	Opera
flex	✔️	✔️	✔️	✔️
block	✔️	✔️	✔️	✔️
inline	✔️	✔️	✔️	✔️
flow	✔️	✔️	✔️	✔️
flow-root	✔️	✔️	✔️	✔️
table	✔️	✔️	✔️	✔️
grid	✔️	✔️	✔️	✔️
ruby	✔️	✔️	✔️	❌
list-item	✔️	✔️	✔️	✔️
table-row-group	✔️	✔️	✔️	✔️
table-header-group	✔️	✔️	✔️	✔️
table-footer-group	✔️	✔️	✔️	✔️
table-row	✔️	✔️	✔️	✔️
table-cell	✔️	✔️	✔️	✔️
table-column-group	✔️	✔️	✔️	✔️
table-column	✔️	✔️	✔️	✔️
table-caption	✔️	✔️	✔️	✔️
ruby-text	✔️	✔️	✔️	❌
contents	✔️	✔️	✔️	✔️
none	✔️	✔️	✔️	✔️
inline-table	✔️	✔️	✔️	✔️
inline-block	✔️	✔️	✔️	✔️
inline-flex	✔️	✔️	✔️	✔️
inline-grid	✔️	✔️	✔️	✔️
revert	✔️	✔️	✔️	✔️
revert-layer	✔️	✔️	✔️	✔️
unset	✔️	✔️	✔️	✔️
inherit	✔️	✔️	✔️	✔️
initial	✔️	✔️	✔️	✔️
run-in	❌	❌	❌	❌
ruby-base	❌	✔️	❌	❌
ruby-base-container	❌	✔️	❌	❌
ruby-text-container	❌	✔️	❌	❌