Upgrade to Pro — share decks privately, control downloads, hide ads and more …

CSSで非表示にする方法

Avatar for 53 53
November 13, 2020
Technology
90
0

 CSSで非表示にする方法

Avatar for 53

53

November 13, 2020

More Decks by 53

See All by 53
ES2020 で来る7つの新機能
Avatar for 53 gotadano
1
120
Vue.js_x_Animation.pdf
Avatar for 53 gotadano
1
170
Vue.jsとNuxt.jsの学び方
Avatar for 53 gotadano
0
280
初めてnpmパッケージを公開した話.pdf
Avatar for 53 gotadano
0
51
JavaScriptで実装したVueJS プロジェクトをTypeScriptへ移行する話
Avatar for 53 gotadano
1
380

Other Decks in Technology

See All in Technology
日本 Fintech 未来予測レポート 2027〜2028年（オリジナル版）
Avatar for 8maki 8maki
0
300
2026.06.13_AI時代に事業会社が「SIer出身エンジニア」を求める理由 / Why Businesses Seek Engineers with a System Integrator Background in the AI ​​Era
Avatar for jumpei_ikegami jumtech
0
1k
2026TECHFRESH畢業分享會 - Lightning Talk - 資料也要 CI/CD? 用 Airbyte 自動化資料同步
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
570
脆弱性対応、どこで線を引くか
Avatar for ryoji miyamoto rymiyamoto
0
280
作って終わりにしない タイミーのセマンティックレイヤー育成の現在地
Avatar for chanyou0311 chanyou0311
3
2k
Oracle AI Database@Google Cloud：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
6
1.5k
protovalidate-es を導入してみた
Avatar for 弁護士ドットコム bengo4com
0
160
MCP Appsを作ってみよう
Avatar for iwamot iwamot
PRO
4
370
なぜ Platform Engineering の土台に Kubernetes を選ぶのか
Avatar for Ray r4ynode
1
510
チームで進めるAI駆動アジャイル×ウォーターフォール
Avatar for 熊井悠 kumaiu
0
140
SIer20年！ 培ったスキルがスタートアップで輝く時
Avatar for しゅういちろ shucho0103
0
810
NAB Show 2026 動画技術関連レポート / NAB Show 2026 Report
Avatar for CyberAgent cyberagentdevelopers
PRO
0
150

Featured

See All Featured
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
2
210
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
34k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
274
21k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
250
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
3.4k
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
15k
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
1
13k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
11k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
1
480
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.8k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.3k

Transcript

  1. CSS Ͱඇදࣔʹ͢Δํ๏ 2020/11/13 גࣜձࣾGameWith ࣾ಺LT ୞໺ ߶ ෳ਺͋Δํ๏ͷಠࣗੑΛൺֱ͢Δ

  2. ΞΫηγϏϦςΟ Λ͔ͬ͠Γҙࣝ͠Α͏ͱ͍͏࿩୊Ͱ͢ɻ

  3. display ϓϩύςΟ

  4. εΫϦʔϯ͔ΒΞΫηεෆೳ ʹͯ͠Ӆ͍͚ͨͩ͠Ͱ͋Ε͹ ผͷํ๏΋ݕ౼͠·͠ΐ͏

  5. Ӆ͢ํ๏Λ෼ྨ 4ͭͷई౓Ͱ෼ղ • ΞΫηγϏϦςΟ • υΩϡϝϯτϑϩʔ • ϨϯμϦϯά • ΠϕϯττϦΨʔ

  6. ΞΫηγϏϦςΟ εΫϦʔϯϦʔμʔͰίϯςϯπ͕ಡΊΔ

  7. υΩϡϝϯτϑϩʔ ϨΠΞ΢τʹӨڹ͕͋Δͷ͔

  8. ϨϯμϦϯά ྖҬΛඳը͢Δͷ͔

  9. ΠϕϯττϦΨʔ ΫϦοΫ΍ϑΥʔΧεΛݕग़͢Δͷ͔

  10. • ΞΫηγϏϦςΟ: ✗ • υΩϡϝϯτϑϩʔ: ✗ • ϨϯμϦϯά: ✗ •

    ΠϕϯττϦΨʔ: ✗

  11. ը૾ϦΫΤετʹӨڹͤ͞Δ །ҰͷϓϩύςΟ (IE11͸ྫ֎)

  12. visibility ϓϩύςΟ

  13. • ΞΫηγϏϦςΟ: ✗ • υΩϡϝϯτϑϩʔ: ✔ • ϨϯμϦϯά: ✔ •

    ΠϕϯττϦΨʔ: ✗
  14. None

  15. opacity ϓϩύςΟ

  16. • ΞΫηγϏϦςΟ: ✔ • υΩϡϝϯτϑϩʔ: ✔ • ϨϯμϦϯά: ✔ •

    ΠϕϯττϦΨʔ: ✔
  17. None

  18. position ϓϩύςΟ

  19. • ΞΫηγϏϦςΟ: ✔ • υΩϡϝϯτϑϩʔ: ✗ • ϨϯμϦϯά: ✔ •

    ΠϕϯττϦΨʔ: ✔
  20. None

  21. hidden ཁૉʹϑΥʔΧεՄೳͳίϯςϯπؚ͕·Ε͍ͯΔ৔߹ɺ ϑΥʔΧε͕߹͍ͬͯΔͱ͖ʹͦͷཁૉ·Ͱϖʔδ͕ εΫϩʔϧͯ͠͠·͍ɺಥવͷδϟϯϓ͕ൃੜͯ͠͠·͍·͢ɻ ஫ҙ

  22. visually hidden Ϋϥε

  23. • ΞΫηγϏϦςΟ: ✔ • υΩϡϝϯτϑϩʔ: ✗ • ϨϯμϦϯά: ✗ •

    ΠϕϯττϦΨʔ: ✔
  24. None

  25. • ΞΫηγϏϦςΟ • υΩϡϝϯτϑϩʔ • ϨϯμϦϯά • ΠϕϯττϦΨʔ ίϯςϯπΛ ͲͷΑ͏ʹඇදࣔʹ͢Δ͔

    • display • visibility • opacity • position • visually hidden