Egenskapen visibility

Egenskapen visibility setter usynlighet på et element. Samtidig vil alle andre elementer oppføre seg som om elementet ikke forsvant noe sted.

Syntaks

velger {
	visibility: visible eller hidden eller collapse;
}

Verdi	Beskrivelse
`visible`	Elementet er synlig.
`hidden`	Elementet blir usynlig, som om det er gjennomsiktig, og samtidig fortsetter det å delta i formateringen av siden.
`collapse`	Hvis du bruker `collapse` for innholdet i tabellceller, så forsvinner de som om de ikke var der, og tabellen bygges opp på nytt. Hvis denne verdien brukes på noe annet enn tabellrader eller kolonner, vil resultatet av bruken være det samme som `hidden`.

Standardverdi: visible.

La oss gjøre slik at teksten i det første avsnittet opprinnelig er usynlig, men når musepekeren føres over knappen 'Vis tekst' kan vi lese den:

<button>Vis tekst</button>
<div class="text">tekst1</div>
<div>tekst2</div>

div{
	border: 1px solid black;
	width: 100px;
}
.text {
	visibility: hidden;
}
button:hover + .text {
	visibility: visible;
}