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
73
CSSで非表示にする方法
53
November 13, 2020
Tweet
Share
More Decks by 53
See All by 53
ES2020 で来る7つの新機能
gotadano
1
95
Vue.js_x_Animation.pdf
gotadano
1
150
Vue.jsとNuxt.jsの学び方
gotadano
0
260
初めてnpmパッケージを公開した話.pdf
gotadano
0
36
JavaScriptで実装したVueJS プロジェクトをTypeScriptへ移行する話
gotadano
1
370
Other Decks in Technology
See All in Technology
Snowflake Summit 2025 データエンジニアリング関連新機能紹介 / Snowflake Summit 2025 What's New about Data Engineering
tiltmax3
0
260
20250625 Snowflake Summit 2025活用事例 レポート / Nowcast Snowflake Summit 2025 Case Study Report
kkuv
1
250
より良いプロダクトの開発を目指して - 情報を中心としたプロダクト開発 #phpcon #phpcon2025
bengo4com
1
410
[TechNight #90-1] 本当に使える?ZDMの新機能を実践検証してみた
oracle4engineer
PRO
3
140
LinkX_GitHubを基点にした_AI時代のプロジェクトマネジメント.pdf
iotcomjpadmin
0
160
AIエージェント最前線! Amazon Bedrock、Amazon Q、そしてMCPを使いこなそう
minorun365
PRO
11
4.3k
Liquid Glass革新とSwiftUI/UIKit進化
fumiyasac0921
0
150
低レイヤを知りたいPHPerのためのCコンパイラ作成入門 完全版 / Building a C Compiler for PHPers Who Want to Dive into Low-Level Programming - Expanded
tomzoh
3
1.4k
PHP開発者のためのSOLID原則再入門 #phpcon / PHP Conference Japan 2025
shogogg
2
460
第9回情シス転職ミートアップ_テックタッチ株式会社
forester3003
0
160
登壇ネタの見つけ方 / How to find talk topics
pinkumohikan
3
330
TechLION vol.41~MySQLユーザ会のほうから来ました / techlion41_mysql
sakaik
0
160
Featured
See All Featured
The Language of Interfaces
destraynor
158
25k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Why You Should Never Use an ORM
jnunemaker
PRO
56
9.4k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
60k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
4
200
The Straight Up "How To Draw Better" Workshop
denniskardys
233
140k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Adopting Sorbet at Scale
ufuk
77
9.4k
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