Last-modified: 2011-12-26 (月) 01:24:43
HTML・CSS/要素を非表示にする


状況 †

印刷用CSSを作成するときや、不要な項目だが必ず出力されてしまう項目を見えなくしたいときなど。

↑

確認したときの環境 †

↑

方法 †

  1. [diaplay: none;]
    この場合、要素の前後が詰まる。
    Everything is expanded.Everything is shortened.
      1
  2
  3

    -
|
!

    img {
    border: none;
}
  2. [visibility: hidden;]
    この場合、要素の前後が詰まらない。
    Everything is expanded.Everything is shortened.
      1
  2
  3

    -
|
!

    img {
    visibility: hidden;
}