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

CSSで非表示にする方法

Avatar for 53 53
November 13, 2020
Technology
0
71

 CSSで非表示にする方法

Avatar for 53

53

November 13, 2020
Tweet

More Decks by 53

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

Other Decks in Technology

See All in Technology
JNation 2025 - Quarkus for Spring Developers
Avatar for Eric Deandrea edeandrea
PRO
0
110
CSSDay, Amsterdam
Avatar for bruce lawson brucel
0
150
Javaアプリケーションの配布とパッケージング / Distribution and packaging of Java applications
Avatar for hogelog hogelog
1
360
【５分でわかる】セーフィー エンジニア向け会社紹介
Avatar for Safie safie_recruit
0
25k
Babylon.jsでゲームを作ってみよう
Avatar for Limes2018 limes2018
0
100
継続戦闘能⼒
Avatar for SansanTech sansantech
PRO
0
220
Machine Intelligence for Vision, Language, and Actions
Avatar for Semantic Machine Intelligence Lab., Keio Univ. keio_smilab
PRO
0
500
大事なのは、AIの精度だけじゃない！〜1円のズレも許されない経理領域とAI〜
Avatar for Jun Nemoto jun_nemoto
11
5.2k
Zero Data Loss Autonomous Recovery Service サービス概要
Avatar for oracle4engineer oracle4engineer
PRO
2
7.2k
Devin＆Cursor、それぞれの「本質」から導く最適ユースケース戦略
Avatar for empitsu empitsu
8
2.5k
S3 Tables を図解でやさしくおさらい～基本から QuickSight 連携まで/s3-tables-illustrated-basics-quicksight
Avatar for emi emiki
2
340
TypeScript と歩む OpenAPI の discriminator / OpenAPI discriminator with TypeScript
Avatar for 株式会社カミナシ kaminashi
1
150

Featured

See All Featured
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.1k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
233
17k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.6k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
45
7.3k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
23
1.6k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
159
23k
The Language of Interfaces
Avatar for Des Traynor destraynor
158
25k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
7
590
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
42
7.5k

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