css content content-visibility

content-visibility CSS Style Property

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

דוגמא: הגדרת נראות תוכן

Demo Panel:

Lorem ipsum dolor sit amet consectetur adipiscing elit.

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

CSS: 111
HTML: 222
Syntax:

Valid values:
  • visible, auto, hidden, revert, revert-layer, unset, inherit, initial

Js Syntax: element.style.contentVisibility

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

content-visibility
הערך שנבדקChromeFirefoxEdgeCOpera
auto✔️✔️✔️
visible✔️✔️✔️
hidden✔️✔️✔️
revert✔️✔️✔️
revert-layer✔️✔️✔️
unset✔️✔️✔️
inherit✔️✔️✔️
initial✔️✔️✔️