מאפיין reading-flow

מאפיין reading-flow קובע את הסדר שבו אלמנטים נקראים על-ידי screen readers או מנווטים בניווט סדרתי (Tab) — לא בהכרח הסדר של ה-DOM. שימושי במיוחד ב-grid/flex שבהם הסדר הוויזואלי שונה מהסדר ה-DOM.

.grid { reading-flow: grid-rows; }

.dashboard { display: grid; grid-auto-flow: dense; reading-flow: source-order; }

normalסדר ה-DOM (ברירת המחדל).

source-orderיוצר reading flow container ומאפשר שימוש ב-reading-order על הצאצאים. אחרת — לפי DOM.

flex-visualב-flex container: לפי הסדר הוויזואלי (אחרי flex-direction/row-reverse).

flex-flowב-flex container: לפי flex-flow — שורה אחר שורה.

grid-rowsב-grid container: לפי שורות (אחת אחרי השנייה).

grid-columnsב-grid container: לפי עמודות.

grid-orderב-grid container: לפי המאפיין order של הפריטים.

CSS Display Module Level 4

Editor's Draft

W3C MDN

Show all code

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

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

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

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

previous next