Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

CSSで非表示にする方法

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for 53 53
November 13, 2020
Technology
96
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
290
初めてnpmパッケージを公開した話.pdf
Avatar for 53 gotadano
0
51
JavaScriptで実装したVueJS プロジェクトをTypeScriptへ移行する話
Avatar for 53 gotadano
1
390

Other Decks in Technology

See All in Technology
IR Today: Theory, Practice, and Agents
Avatar for Daniel Tunkelang dtunkelang
0
350
LocalStack を使ったサーバーレスアプリケーション開発 / Serverless Development with LocalStack
Avatar for Yoshiaki Yoshida kakakakakku
0
170
AI時代だからこそ推したい！Gitコマンド再入門
Avatar for ムナカタ munakata
0
150
大阪オフィスに Unitree Go2 がやってきたので Physical AI やってみた
Avatar for dafujii dafujii
0
320
[2026 Oracle Technical Deep Dive] AI時代のデータベース基盤をどう選ぶ？ Exadata Database Serviceの選択肢と使い分け (2026年9月17日開催)
Avatar for oracle4engineer oracle4engineer
PRO
0
220
OSC2026on_the-world-is-waiting-for-your-voice.pdf
Avatar for Naruhiko Ogasawara naruoga
0
350
FinTech 1-2 : Overview of FinTech
Avatar for Kenji Saito ks91
PRO
0
150
オブザーバビリティを高める AI エージェント体験を考える / Designing AI Agent Experiences That Enhance Observability
Avatar for Kento Kimura aoto
PRO
2
310
SREでアラート疲れを 解決しよう！
Avatar for KairiM kairim0
1
200
AI 時代の Azure エンジニアリング ～ 私たちは何を磨き、何を任せるのか ～
Avatar for Akira Inoue chack411
1
470
freeeらしさをAIとともに作る / Creating the freee Experience with AI
Avatar for ymrl ymrl
0
200
全人類（ほぼ）AWS Organizations の上でAWSを利用している、その世界を知る話
Avatar for Hayato Tan htan
0
120

Featured

See All Featured
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
860
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
310
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.7k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
560
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
306
120k
Between Models and Reality
Avatar for mayunak mayunak
4
480
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
2
4k
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
2
6.3k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
433
67k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
20k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
142
7.7k

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