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

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
88
0

 CSSで非表示にする方法

Avatar for 53

53

November 13, 2020

More Decks by 53

See All by 53
ES2020 で来る7つの新機能
Avatar for 53 gotadano
1
110
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
48
JavaScriptで実装したVueJS プロジェクトをTypeScriptへ移行する話
Avatar for 53 gotadano
1
380

Other Decks in Technology

See All in Technology
Swift Sequence の便利 API 再発見
Avatar for treastrain / Tanaka Ryoga treastrain
1
290
AI飲み会幹事エージェントを作っただけなのに
Avatar for Yuta Kimi ykimi
0
240
サプライチェーン攻撃への備えについて考えている #湘なんか
Avatar for すてにゃん stefafafan
2
2.1k
Geek Woman の育ち方 〜コミュニティとAIと〜
Avatar for chicaco chicaco
0
120
最新技術を"今は選ばない"という技術選定
Avatar for Tech Leverages leveragestech
PRO
0
340
データ分析基盤の信頼を支える視点と設計
Avatar for Yuki yuki_saito
0
130
【2026年版】プロジェクトマネジメント実践論｜現役エンジニアが語る！～チームでモノづくりをする時のコツとは？～
Avatar for MIXI ENGINEERS mixi_engineers
PRO
1
120
Oracle AI Database@AWS：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
4
2.6k
How to learn AWS Well-Architected with AWS BuilderCards: Security Edition
Avatar for Kosuke ENOMOTO coosuke
PRO
0
200
コーディングエージェントはTypeScriptの 型エラーをどう自己修正しているのか
Avatar for Melonps melonps
3
260
TSKaigi 2026 - 型プラグインシステムの実装に使われるテクニック
Avatar for teamLab teamlab
PRO
1
120
AIAgentと取り組むKaggle
Avatar for shuto goya 508shuto
2
470

Featured

See All Featured
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
740
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
210
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
35k
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
190
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
11k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
230
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
200
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
1
350

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