in English
Näkyvyys
Hallitse elementtien näkyvyyttä muuttamatta niiden näyttöä näkyvyysapuohjelmilla.
Aseta visibility
elementit näkyvyysapuohjelmillamme. Nämä hyödyllisyysluokat eivät muuta display
arvoa ollenkaan eivätkä vaikuta asetteluun – .invisible
elementit vievät silti tilaa sivulla.
Luokan elementit
.invisible
piilotetaan
sekä visuaalisesti että aputekniikan/näytönlukijan käyttäjille.
Hae .visible
tai .invisible
tarpeen mukaan.
<div class="visible">...</div>
<div class="invisible">...</div>
// Class
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
Sass
Utilities API
Näkyvyysapuohjelmat on ilmoitettu apuohjelmien API:ssa scss/_utilities.scss
. Opi käyttämään apuohjelmien sovellusliittymää.
"visibility": (
property: visibility,
class: null,
values: (
visible: visible,
invisible: hidden,
)
)