詳解逆引きHTML+CSS辞典

要素の領域 - 消したい

登録タグ
Icon comment count 0
Icon stock count 0

消したい

表示されないようにしたい/テキストが見えない状態にしたい

displayプロパティ visibilityプロパティ 消す

ボックスを消すための(裏技的ではない)方法は、2つあります。一つは「display: none;」を指定する方法で、もうひとつは「visibility: hidden;」を指定する方法です。「display: none;」を指定した要素はボックスが生成されなくなります(つまりその要素が無い状態となります)。「visibility: hidden;」を指定した要素は、ボックスを配置するための領域は確保されますが、見えない状態となります(つまりボックス全体が透明になったのと同じような状態となります)。

次のサンプルでは2つのp要素(ボックスAとボックスB)があり、それの前後と間にhr要素で横線を表示させています。ボックスAは「display: none;」によって存在しない状態となっているため、最初の2つのhr要素はくっついています。ボックスBは「visibility: hidden;」によって見えない状

出典情報

Medium

詳解逆引きHTML+CSS辞典

  • 著者: 大藤 幹

コメント

    コメントはありません