מדריך CSS מספר 14 - איך להחביא ולהציג אובייקטים

שלבים

1. 1

   שלב 1

   יש לנו 2 דרכים להפוך אובייקט מסוים לבלתי נראה, בעזרת שימוש בvisibility או בdisplay. בואו נתחיל משימוש בdisplay:
2. 2

   שלב 2

   
   h2.hide {display:none;} I can see this!

   I'm blind!

4. 3

   שלב 3

   
   הגדרנו שמאפיין הdisplay יקבל ערך none. ניתן לראות (או יותר נכון, לא לראות) שאלמנט הh2 (עם הקלאס hide) לא מופיע בדף האינטרנט שלנו. לעומתו, שימוש בvisibility הוא קצת אחר:
5. 4

   שלב 4

   
   h2.hide {visibility:hidden;} This is visible!

   Sssssshhhh, i'm hiding.

6. 5

   שלב 5

   
   פה, השתמשנו במאפיין הvisibility עם הערך hidden. בדומה לדוגמא הקודמת, גם כאן את הטקסט שבאלמנט הh2 עם הקלאס hide לא נוכל לראות, ההבדל היחיד הוא שבdisplay:none האלמנט לא תופס מקום.