CSSで要素を消す12の方法

- Category - html
Pocket

3番目のみhtmlに記述

  1. display:none;
  2. visibility:hidden;
  3. <p hidden>hello world</p>
  4. text-indent:-9999px;
  5. position: absolute;top: -9999px; left: -9999px;
  6. z-index:-1;
  7. clip:rect(1px,1px,1px,1px);
  8. clip-path: polygon(1px 1px,1px 1px,1px 1px,1px 1px);
  9. text-overflow: clip;
  10. transform:scale(0,0);
  11. opacity: 0;
  12. color:transparent;

display:none;が上手くいかなかった時の他の制御方法をまとめました。