Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
CSSで非表示にする方法
Search
53
November 13, 2020
Technology
0
61
CSSで非表示にする方法
53
November 13, 2020
Tweet
Share
More Decks by 53
See All by 53
ES2020 で来る7つの新機能
gotadano
1
79
Vue.js_x_Animation.pdf
gotadano
1
140
Vue.jsとNuxt.jsの学び方
gotadano
0
210
初めてnpmパッケージを公開した話.pdf
gotadano
0
30
JavaScriptで実装したVueJS プロジェクトをTypeScriptへ移行する話
gotadano
1
330
Other Decks in Technology
See All in Technology
JAWS-UG Bedrock Claude Night
yamahiro
3
570
Java EE/Jakarta EEの現状と将来―クラウドネイティブ時代にJava EEは対応できるのか?―
takakiyo
1
150
オーナーシップを持つ領域を明確にする
konifar
13
3.1k
DevOpsDays History and my DevOps story
kawaguti
PRO
9
2.5k
プロンプトエンジニアリングでがんばらない-Agentic Workflow へ-近藤憲児
kenjikondobai
0
110
家族アルバム みてねにおけるGrafana活用術 / Grafana Meetup Japan Vol.1 LT
isaoshimizu
1
580
よく聞くけど使ったことないソフトウェアNo.1 KafkaとSnowflake
foursue
4
350
コンテナセキュリティの基本と脅威への対策
kyohmizu
3
760
ExaDB-D dbaascli で出来ること
oracle4engineer
PRO
0
2.1k
障害対応をちょっとずつよくしていくための 演習の作りかた
heleeen
0
140
Reducing Cross-Zone Egress at Spotify with Custom gRPC Load Balancing Recap
koh_naga
0
200
開発パフォーマンスを最大化するための開発体制
ham0215
2
330
Featured
See All Featured
KATA
mclloyd
15
12k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
2
1.3k
Six Lessons from altMBA
skipperchong
21
3k
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
Statistics for Hackers
jakevdp
789
220k
The MySQL Ecosystem @ GitHub 2015
samlambert
243
12k
VelocityConf: Rendering Performance Case Studies
addyosmani
320
23k
Clear Off the Table
cherdarchuk
84
310k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
How to train your dragon (web standard)
notwaldorf
73
5.2k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
25
2.3k
We Have a Design System, Now What?
morganepeng
43
6.7k
Transcript
CSS Ͱඇදࣔʹ͢Δํ๏ 2020/11/13 גࣜձࣾGameWith ࣾLT ߶ ෳ͋Δํ๏ͷಠࣗੑΛൺֱ͢Δ
ΞΫηγϏϦςΟ Λ͔ͬ͠Γҙࣝ͠Α͏ͱ͍͏Ͱ͢ɻ
display ϓϩύςΟ
εΫϦʔϯ͔ΒΞΫηεෆೳ ʹͯ͠Ӆ͍͚ͨͩ͠Ͱ͋Ε ผͷํ๏ݕ౼͠·͠ΐ͏
Ӆ͢ํ๏Λྨ 4ͭͷईͰղ • ΞΫηγϏϦςΟ • υΩϡϝϯτϑϩʔ • ϨϯμϦϯά • ΠϕϯττϦΨʔ
ΞΫηγϏϦςΟ εΫϦʔϯϦʔμʔͰίϯςϯπ͕ಡΊΔ
υΩϡϝϯτϑϩʔ ϨΠΞτʹӨڹ͕͋Δͷ͔
ϨϯμϦϯά ྖҬΛඳը͢Δͷ͔
ΠϕϯττϦΨʔ ΫϦοΫϑΥʔΧεΛݕग़͢Δͷ͔
• ΞΫηγϏϦςΟ: ✗ • υΩϡϝϯτϑϩʔ: ✗ • ϨϯμϦϯά: ✗ •
ΠϕϯττϦΨʔ: ✗
ը૾ϦΫΤετʹӨڹͤ͞Δ །ҰͷϓϩύςΟ (IE11ྫ֎)
visibility ϓϩύςΟ
• ΞΫηγϏϦςΟ: ✗ • υΩϡϝϯτϑϩʔ: ✔ • ϨϯμϦϯά: ✔ •
ΠϕϯττϦΨʔ: ✗
None
opacity ϓϩύςΟ
• ΞΫηγϏϦςΟ: ✔ • υΩϡϝϯτϑϩʔ: ✔ • ϨϯμϦϯά: ✔ •
ΠϕϯττϦΨʔ: ✔
None
position ϓϩύςΟ
• ΞΫηγϏϦςΟ: ✔ • υΩϡϝϯτϑϩʔ: ✗ • ϨϯμϦϯά: ✔ •
ΠϕϯττϦΨʔ: ✔
None
hidden ཁૉʹϑΥʔΧεՄೳͳίϯςϯπؚ͕·Ε͍ͯΔ߹ɺ ϑΥʔΧε͕߹͍ͬͯΔͱ͖ʹͦͷཁૉ·Ͱϖʔδ͕ εΫϩʔϧͯ͠͠·͍ɺಥવͷδϟϯϓ͕ൃੜͯ͠͠·͍·͢ɻ ҙ
visually hidden Ϋϥε
• ΞΫηγϏϦςΟ: ✔ • υΩϡϝϯτϑϩʔ: ✗ • ϨϯμϦϯά: ✗ •
ΠϕϯττϦΨʔ: ✔
None
• ΞΫηγϏϦςΟ • υΩϡϝϯτϑϩʔ • ϨϯμϦϯά • ΠϕϯττϦΨʔ ίϯςϯπΛ ͲͷΑ͏ʹඇදࣔʹ͢Δ͔
• display • visibility • opacity • position • visually hidden