Sifa visibility
Sifa visibility inaweka kutoona
kwa kipengele. Wakati huo huo, vipengele vyote vingine
vitaendelea kuishi kana kwamba kipengele hakikositahi
popote.
Syntax
kichaguli {
visibility: visible au hidden au collapse;
}
Thamani
| Thamani | Maelezo |
|---|---|
visible |
Kipengele kinaonekana. |
hidden |
Kipengele hupata kutoona, kana kwamba ni uwazi na wakati huo huo kinaendelea kushiriki katika muundo wa ukurasa. |
collapse |
Ikiwa utatumia collapse kwa yaliyomo kwenye seli za jedwali,
baso zinaonekana kama zimetoweka, na jedwali
linajipanga upya.
Ikiwa thamani hii inatumika si kwa safu au safu wima za jedwali, basi matokeo yake yatakuwa sawa na hidden.
|
Thamani chaguomsingi: visible.
Mfano
Wacha tufanye ili maandishi ya aya ya kwanza mwanzo
yasionekane, lakini unapoelekeza kisorsio kwenye kitufe
'Show text' tuweze kuyasoma:
<button>Onyesha maandishi</button>
<div class="text">maandishi1</div>
<div>maandishi2</div>
div{
border: 1px solid black;
width: 100px;
}
.text {
visibility: hidden;
}
button:hover + .text {
visibility: visible;
}
:
