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üşleri
| 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.
Mysal
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;
}
: