Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
CSSで非表示にする方法
Search
53
November 13, 2020
Technology
0
77
CSSで非表示にする方法
53
November 13, 2020
Tweet
Share
More Decks by 53
See All by 53
ES2020 で来る7つの新機能
gotadano
1
100
Vue.js_x_Animation.pdf
gotadano
1
160
Vue.jsとNuxt.jsの学び方
gotadano
0
270
初めてnpmパッケージを公開した話.pdf
gotadano
0
42
JavaScriptで実装したVueJS プロジェクトをTypeScriptへ移行する話
gotadano
1
380
Other Decks in Technology
See All in Technology
re:Invent 2025 ふりかえり 生成AI版
takaakikakei
1
190
世界最速級 memcached 互換サーバー作った
yasukata
0
330
regrowth_tokyo_2025_securityagent
hiashisan
0
210
Playwrightのソースコードに見る、自動テストを自動で書く技術
yusukeiwaki
13
5.2k
意外とあった SQL Server 関連アップデート + Database Savings Plans
stknohg
PRO
0
300
5分で知るMicrosoft Ignite
taiponrock
PRO
0
330
計算機科学をRubyと歩む 〜DFA型正規表現エンジンをつくる~
ydah
3
220
Overture Maps Foundationの3年を振り返る
moritoru
0
170
EM歴1年10ヶ月のぼくがぶち当たった苦悩とこれからへ向けて
maaaato
0
270
ブロックテーマとこれからの WordPress サイト制作 / Toyama WordPress Meetup Vol.81
torounit
0
550
評価駆動開発で不確実性を制御する - MLflow 3が支えるエージェント開発
databricksjapan
1
110
生成AIでテスト設計はどこまでできる? 「テスト粒度」を操るテーラリング術
shota_kusaba
0
670
Featured
See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.3k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.8k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Stop Working from a Prison Cell
hatefulcrawdad
273
21k
Rails Girls Zürich Keynote
gr2m
95
14k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
7.9k
Statistics for Hackers
jakevdp
799
230k
RailsConf 2023
tenderlove
30
1.3k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
122
21k
How to train your dragon (web standard)
notwaldorf
97
6.4k
BBQ
matthewcrist
89
9.9k
Why Our Code Smells
bkeepers
PRO
340
57k
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