Visibility property
visibility property элементга кўринмасликни
белгилайди. Бу ҳолда бошқа барча элементлар
элемент ҳеч қайерга кетмагандек ўз ҳаракатларини
давом эттиради.
Синтаксис
cssселектор {
visibility: visible ёки hidden ёки collapse;
}
Қийматлар
| Қиймат | Тасниф |
|---|---|
visible |
Элемент кўринади. |
hidden |
Элемент кўринмас бўлади, шaffof каби, лекин саҳифани форматлашда иштирок этишини давом эттиради. |
collapse |
Агар collapse ни жадвал ҳужайралари учун ишлатсак,
улар гойиб бўлгани каби кўринади, ва жадвал
янгидан қурилади.
Агар бу қиймат жадвал сатрлари ёки устуналари учун эмас, бошқа элементлар учун ишлатилса, унинг натижаси hidden каби бўлади.
|
Дasturiy қиймат: visible.
Мисол
Келинг, биринчи абзац матни бошланғичда
кўринмас бўлсин, лекин курсорни тугмани устига олиб борганда
'Show text' биз уни ўқий оламиз:
html<button>Show text</button>
<div class="text">text1</div>
<div>text2</div>cssdiv{
border: 1px solid black;
width: 100px;
}
.text {
visibility: hidden;
}
button:hover + .text {
visibility: visible;
}
Результат: