Savybė visibility
Savybė visibility nustato nematomumą
elementui. Tuo pačiu metu visi kiti elementai
elgsis taip, tarsi elementas niekur
nedingtų.
Sintaksė
cssselektorius {
visibility: visible arba hidden arba collapse;
}
Reikšmės
| Reikšmė | Aprašas |
|---|---|
visible |
Elementas matomas. |
hidden |
Elementas tampa nematomas, tarsi permatomas ir tuo pačiu metu ir toliau dalyvauja puslapio formatavime. |
collapse |
Jei naudoti collapse lentelių langelių turiniui,
tada jie tarsi išnyksta, o lentelė
perstatoma iš naujo.
Jei ši reikšmė taikoma ne lentelių eilutėms ar stulpeliams, tada naudojimo rezultatas bus toks pat, kaip hidden.
|
Numatytoji reikšmė: visible.
Pavyzdys
Padarykime taip, kad pirmos pastraipos tekstas iš pradžių
būtų nematomas, bet kai užvedate žymeklį ant mygtuko
'Show text' mes galėtume jį perskaityti:
html<button>Rodyti tekstą</button>
<div class="text">tekstas1</div>
<div>tekstas2</div>cssdiv{
border: 1px solid black;
width: 100px;
}
.text {
visibility: hidden;
}
button:hover + .text {
visibility: visible;
}
Результат: