מה זה contain?

המאפיין contain ב-CSS מגדיר את המידה שבה אלמנט ישפיע על התוכן סביבו. הוא משפר ביצועים על ידי בידוד השפעות האלמנט, כמו חפיפות ושינויים בתצוגה.

• none - אין בידוד.
• strict - מבודד את התוכן הפנימי של האלמנט מהסביבה החיצונית שלו.
• content - מבודד רק את התוכן הפנימי של האלמנט.
• layout - מבודד את פריסת האלמנט ואת השפעתה על התוכן שסביבו.
• style - מבודד את הסגנון של האלמנט.
• paint - מבודד את ציור האלמנט על המסך.

שימוש במאפיין contain

באמצעות contain ניתן לשפר את הביצועים על ידי בידוד האלמנט מהסביבה החיצונית שלו.

דוגמה לשימוש ב-contain

להלן דוגמה לשימוש במאפיין contain:

שימושים מתקדמים

באמצעות contain ניתן לשלוט על השפעת האלמנט על ביצועי הדף.

    
          <div style="contain: content; width: 200px; height: 200px; background-color: lightblue;">
            תוכן בתוך אלמנט עם contain: content
          </div>