מאפיין display

מאפיין display קובע איך אלמנט מייצר תיבות ומשתתף בפריסה. תחביר מודרני: outer + inner (לדוגמה 'block flex'); תחביר legacy: ערך אחד (block, inline-block, flex...). אחד המאפיינים החשובים ביותר ב-CSS.

.box { display: flex; }

.box { display: inline flow-root; }

blockתיבת block ברמת outer.

inlineתיבת inline ברמת outer (ברירת מחדל).

run-inתיבת run-in ברמת outer.

flowinner: זרימה רגילה.

flow-rootinner: BFC חדש (משמש לcontainment).

tableinner: פריסת טבלה.

flexinner: flexbox.

gridinner: CSS Grid.

rubyinner: פריסת ruby (CJK).

list-itemיוצר תיבת list-item (עם marker).

noneהאלמנט וצאצאיו מוסרים מהפריסה לחלוטין.

contentsהתיבה מוסרת אבל הצאצאים נשארים — שימושי בlayouts מורכבים.

inline-blockLegacy: inline flow-root.

inline-tableLegacy: inline table.

inline-flexLegacy: inline flex.

inline-gridLegacy: inline grid.

table-rowInternal: שורת טבלה.

table-cellInternal: תא טבלה.

table-row-groupInternal: tbody.

table-header-groupInternal: thead.

table-footer-groupInternal: tfoot.

table-columnInternal: col.

table-column-groupInternal: colgroup.

table-captionInternal: caption.

ruby-baseInternal: בסיס הטקסט ב-ruby.

ruby-textInternal: טקסט ה-annotation ב-ruby.

ruby-base-containerInternal: מכיל את כל ruby-base בשורה.

ruby-text-containerInternal: מכיל את כל ruby-text בשורה.

inline-list-itemLegacy: list-item ברמת inline.

CSS Display Module Level 4

Editor's Draft

W3C MDN

demo view elements

Show all code

ערוך CSS און-ליין

התוסף שזוכר עבורך מאות פריטי CSS

כל פרופרטי CSS — בהדגמה חיה

מקור הייחוס הדו-לשוני ל-CSS

previous next