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
60
CSSで非表示にする方法
53
November 13, 2020
Tweet
Share
More Decks by 53
See All by 53
ES2020 で来る7つの新機能
gotadano
1
75
Vue.js_x_Animation.pdf
gotadano
1
140
Vue.jsとNuxt.jsの学び方
gotadano
0
210
初めてnpmパッケージを公開した話.pdf
gotadano
0
29
JavaScriptで実装したVueJS プロジェクトをTypeScriptへ移行する話
gotadano
1
330
Other Decks in Technology
See All in Technology
自己完結な開発者組織を支える プラットフォーム作り
recruitengineers
PRO
2
230
マルチテナントの実現におけるDB設計とRLS / Utilizing RSL in multi-tenancy
soudai
20
5k
Pass On What You Have Learned: Deploying to Production
ianlee1521
0
150
理想の組織も自分たちで作ろう! ―LayerXの「全員採用」を支える文化 / How to create our own ideal team
ar_tama
6
2.2k
書を捨てよ、現場へ出よう
nwiizo
11
8.7k
AIエージェントが変えるソフトウェアのパラダイム
masahiro_nishimi
0
200
DevOps Topologies 10 years on: what have we learned about silos, collaboration, and flow? - Matthew Skelton, Conflux
matthewskelton
PRO
2
420
【OpsJAWS】EC2 のセキュリティの運用と監視について考えてみた件
hssh2_bin
4
590
スプリント内で試験を完了させるには?アジャイル・スクラム開発に参加したQAエンジニアの悩みと対策
cybozuinsideout
PRO
1
110
Server-Side Kotlin + Spring Boot + Exposedでやったこと
ikefukurou777
0
110
テストだけで品質は上がらない?! エセ自己組織化した品質組織からの脱却 / JaSST'24 Tokyo
visional_engineering_and_design
9
2.9k
OCI Data Science Service 製品概要
oracle4engineer
PRO
0
110
Featured
See All Featured
Statistics for Hackers
jakevdp
789
220k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
1
1.2k
[RailsConf 2023] Rails as a piece of cake
palkan
21
3.8k
Why Our Code Smells
bkeepers
PRO
330
56k
Bash Introduction
62gerente
604
210k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
18
1.8k
The Straight Up "How To Draw Better" Workshop
denniskardys
227
130k
Faster Mobile Websites
deanohume
296
30k
Optimizing for Happiness
mojombo
369
69k
Building a Modern Day E-commerce SEO Strategy
aleyda
15
6.3k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
11
1.4k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
14
1.3k
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