Hides elemente în css - css pas cu pas

În CSS pentru a ascunde elemente utilizând proprietatea de afișare la nici unul. În acest caz, elementul nu este doar ascuns, el pare să fie eliminată din pagina și conținutul acestuia. Și locul lui va ocupa în mod automat celelalte elemente.

Vizibilitatea proprietate valorii ascunse ascunde, de asemenea, elementul, dar suprafața ocupată anterior de ei depinde de ei: celelalte elemente care nu pot fi plasate acolo. Înțeles proprietăți colaps vizibilitate servește pentru a ascunde elementele de masă.

Afișare și vizibilitate proprietăți se aplică tuturor elementelor.

Proprietățile de aplicare și vizibilitate afișaj

Ascunde pinguin metode diferite.

Penguin ascuns și a fost înlocuit cu textul.

Penguin este ascunsă, dar zona ocupată de ei anterior, a rămas cu el.

transparență element de

proprietate opacitate este folosit pentru a specifica gradul de transparență al elementului. Proprietatea are o valoare de 0 - 1.

1 - Aceasta este valoarea implicită, acesta corespunde elementului normal de afișare - este opac.

Prin urmare, atunci când valoarea este 0 - elementul devine invizibil - este transparent. Acesta este modul în care se poate ascunde elementul.

Proprietatea se aplică tuturor elementelor

pinguin translucidă!

regiune ascunse și vizibile

Pentru elementele absolut poziționate clip de proprietate aplicabile. Aceasta se referă la un element de suprafață, care va fi vizibil. Partea rămasă nu va fi afișată.

Necesar parte (vizibil) al elementului este definit prin specificarea coordonatelor folosind cuvinte cheie de top. dreapta. de jos și la stânga. care indică distanțele față de marginile elementului anterior limitele regiunii vizibile.

Forma zonei vizibile - este întotdeauna un dreptunghi.

unitate exterioara

proprietate overflow este utilizat în cazurile în care conținutul blocului depășesc dimensiunea sa.

Proprietatea se aplică la elemente de nivel bloc.

În mod implicit, în cazul în care conținutul blocului depășește dimensiunea sa, acesta va fi pe deplin afișat, dar merge dincolo de limita blocului.

Dacă valoarea este ascunsă de proprietăți overflow va afișa o parte a conținutului care, împreună, în limita blocului. Prin urmare, porțiunea rămasă va fi ascunsă.

De asemenea, atunci când conținutul depășește dimensiunile de dimensiuni bloc pot utiliza bare de derulare: sensul proprietăților revărsare de defilare acestea vor fi întotdeauna prezente, și o valoare de auto se adaugă, dacă este necesar.

Penguin depășește lățimea blocului, astfel încât dincolo de granițele sale.

proprietăți de aplicare preaplin

În exemplul următor, vom folosi preaplinul din valorile de proprietate ascunse și auto.

cursor

proprietate Cursor nu ascunde nimic. Cu toate acestea, oferă o oportunitate de a schimba aspectul (tip) a cursorului atunci când mouse-ul trece peste un element de.

Asta este, (dacă pot spune așa), cursorul curent este ascuns și voința.

Proprietatea se aplică tuturor elementelor.

Penguin în exemplu este probabil să ia o anumită problemă. La ce se gândește? Vreau să întreb pentru un pinguin săgeată cursorul cu un semn de întrebare, folosind proprietatea cursorului pentru a ajuta valoare.