visibility ගුණය

visibility ගුණය මූලද්‍රව්‍යයක් නොපෙනෙන ලෙස සකසයි. එසේ කළද, අනෙකුත් සියලුම මූලද්‍රව්‍ය පෙනෙන්නේ මෙම මූලද්‍රව්‍යය එහිම ස්ථානයේ පවතිනවා වගේ ය.

වාක්‍ය රීතිය

cssතෝරන්නා {
  visibility: visible හෝ hidden හෝ collapse;
}

අගයන්

පෙරනිමි අගය: 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;
}

Результат:

තවද බලන්න