מאפיין content-visibility

מאפיין content-visibility מאפשר לדפדפן לדלג על עיבוד תוכן של אלמנט עד שהוא נצרך. מספק שיפור ביצועים משמעותי לעמודים ארוכים על-ידי דחיית פריסה וציור של אלמנטים שאינם גלויים.

.section { content-visibility: auto; }

.offscreen-panel { content-visibility: hidden; }

visibleאין השפעה — תוכן האלמנט נפרס ומתעבד כרגיל (ברירת המחדל).

autoמשנה את הערך בשימוש של מאפיין contain כך שמופעלות layout containment, style containment ו-paint containment. אם האלמנט לא רלוונטי למשתמש (לדוגמה מחוץ למסך) — הוא גם מדלג על תוכנו ועל size containment.

hiddenהאלמנט מדלג על תוכנו לחלוטין — תוכנו לא מתעבד ואינו נגיש לחיפוש או focus, אך נותר ב-DOM.

CSS Containment Module Level 2

Editor's Draft

W3C MDN

HTML

JavaScript

CSS

PHP

Show all code

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

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

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

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

previous next