Web制作者ã®å¿µé¡˜ãŒã¤ã„ã«å¶ã£ãŸï¼ height: 0;ã‹ã‚‰height: auto;ã¸ã®ãƒˆãƒ©ãƒ³ã‚¸ã‚·ãƒ§ãƒ³ã‚’JavaScriptã¯ç„¡ã—ã€CSSã§å®Ÿè£…ã™ã‚‹æ–¹æ³•ä»Šã¾ã§JavaScriptを使用ã—ãªã„ã¨å®Ÿè£…ã§ããªã£ãŸã“ã¨ãŒã€CSSã ã‘ã§å®Ÿè£…ã§ãるよã†ã«ãªã£ãŸã‚‚ã®ãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ãŸã¨ãˆã°ã€è¡¨ç¤ºãƒ»éžè¡¨ç¤ºã‚’displayプãƒãƒ‘ティã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ãるよã†ã«ãªã£ãŸã‚Šã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’トリガーã«ã—ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ã€æ–°æ©Ÿèƒ½ãŒç™»å ´ã—ã¾ã—ãŸã€‚ 今回紹介ã™ã‚‹ã®ã¯ã€height: 0;ã‹ã‚‰height: auto;ã¸ã®ãƒˆãƒ©ãƒ³ã‚¸ã‚·ãƒ§ãƒ³ã§ã™ã€‚高ã•ãŒå›ºå®šå€¤ã§ã‚ã‚Œã°ç°¡å˜ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ãã¾ã™ãŒã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„é‡ãŒä¸æ˜Žã§æˆã‚Šè¡Œãã®å ´åˆã¯JavaScriptã§é«˜ã•ã‚’å–å¾—ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã—ãŸã€‚ height: 0;ã‹ã‚‰height: auto;ã¸ã®ãƒˆãƒ©ãƒ³ã‚¸ã‚·ãƒ§ãƒ³ã‚’CSSã§å®Ÿè£…ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚元記事をèªã‚“ã§ã€CSS Gridã‚’ã“ã“ã§ä½¿ç”¨ã™ã‚‹ã®ã‹ï¼ ã¨é©šãã¾ã—ãŸã€‚ 🧙â€â™‚ï¸ CSS trick: transition from height 0 to auto! by Fra
Flexboxã¨CSS Gridã®ä½¿ã„分ã‘æ–¹ã€ã‚ˆã見ã‹ã‘ã‚‹UIコンãƒãƒ¼ãƒãƒ³ãƒˆã‚’Flexboxã¨Gridã§å®Ÿè£…ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã¾ã¨ã‚
{{#tags}}- {{label}}
{{/tags}}