Veturia visibility
Veturia visibility përcakton padukshmërinë
e elementit. Në këtë rast, të gjithë elementët e tjerë
do të sillen sikur elementi nuk është
zhdukur askund.
Sintaksa
përzgjedhësi {
visibility: visible ose hidden ose collapse;
}
Vlerat
| Vlera | Përshkrimi |
|---|---|
visible |
Elementi është i dukshëm. |
hidden |
Elementi bëhet i padukshëm, sikur transparent dhe në të njëjtën kohë vazhdon të marrë pjesë në formatimin e faqes. |
collapse |
Nëse përdorni collapse për përmbajtjen e qelizave të tabelave,
ato sikur zhduken, dhe tabela
rikrijohet përsëri.
Nëse kjo vlerë aplikohet jo për rreshtat ose kolonat e tabelës, atëherë rezultati i përdorimit të saj do të jetë i njëjtë si hidden.
|
Vlera e paracaktuar: visible.
Shembull
Le ta bëjmë që teksti i paragrafit të parë fillimisht
të jetë i padukshëm, por kur kursorin e vendosim mbi butonin
'Show text' të mund ta lexojmë:
<button>Shfaq tekstin</button>
<div class="text">teksti1</div>
<div>teksti2</div>
div{
border: 1px solid black;
width: 100px;
}
.text {
visibility: hidden;
}
button:hover + .text {
visibility: visible;
}
:
