Görkezilmedik görkezijisi

visibility görkezilmedik görkezijisi elemente görkezilmedigi belleýär. Şonda beýleki ähli elementler element ýerinden gitmedik ýaly hereket eder.

Sintaksis

selektor {
	visibility: visible ýa-da hidden ýa-da collapse;
}

Görnüşi	Düşündiriş
`visible`	Element görünýär.
`hidden`	Element görünmeýär, şeffaf ýaly we sahypanyň formatlaşdyrylyşynda işjeň galýar.
`collapse`	Eger `collapse` görkezilmedigini tablisanyň öýjükleri üçin ulananyňyzda, olar ýog bolup gidýär ýaly we tablisa täzeden guruşýar. Eger bu görkezilmedik tablisanyň hatarlaryna ýa-da sütünlerine degil-de, başga bir zada ulanylsa, onda onuň netijesi `hidden` bilen birmeňzeş bolar.

Adaty görkezilmedik görnüşi: visible.

Geliň, birinji abzasdaky tekst başda görünmeýin, ýöne kursor düwmesiň üstünde 'Show text' bolanda, ony okap biler ýaly edeliň:

<button>Teksti görkez</button>
<div class="text">tekst1</div>
<div>tekst2</div>

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