CSSã™ã‚‰ä¸è¦ï¼detailsã¨summaryã‚¿ã‚°ã§ä½œã‚‹ç°¡å˜ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³2018å¹´11月14æ—¥ CSS, HTML é•·ã„æ–‡ç« ã‚„è£œè¶³èª¬æ˜Žã‚’ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ï¼ˆæŠ˜ã‚ŠãŸãŸã¿ï¼‰ã«ã—ãŸã„時ã£ã¦ã‚ã‚Šã¾ã™ã‚ˆã。ãã‚“ãªæ™‚ã«ä½¿ãˆã‚‹ details 㨠summary タグを紹介ã—ã¾ã™ã€‚CSSãªã—ã§ã‚‚実装ã§ãã¾ã™ãŒã€CSSã‚’åŠ ãˆã¦ã‚ˆã‚Šç´ 敵ãªè¡¨ç¾ã‚’ã™ã‚‹æ–¹æ³•ã‚‚挑戦ã—ã¾ã—ょã†ï¼ ↑ç§ãŒ10年以上利用ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ detailsã¨summaryã‚¿ã‚°ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ details ã‚¿ã‚°ã§å›²ã‚“ã 部分ãŒã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã¨ã—ã¦è¨å®šã•ã‚Œã¾ã™ã€‚ãã®ä¸ã« summary ã‚¿ã‚°ã§æœ€åˆã‹ã‚‰è¡¨ç¤ºã•ã›ã¦ãŠããŸã„部分を囲ã‚ã°å®Œæˆï¼ summary ã‚¿ã‚°ã®éƒ¨åˆ†ã‚’クリックã™ã‚‹ã¨ã€è©³ç´°æ–‡ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ HTML <details> <summary>Adobe Photoshop</summary> ç”»åƒç·¨é›†ã‚½ãƒ•ãƒˆã€‚写真やイラストã€3Dアートワークã®ä½œæˆã€webサイトやモãƒã‚¤ãƒ«ã‚¢ãƒ—リã®ãƒ‡ã‚¶ã‚¤ãƒ³ã€å‹•ç”»ç·¨é›†ã‚„æç”»ãª
jQueryã®toggleã§ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚„タブをã•ãã£ã¨å®Ÿè£…ã™ã‚‹æ–¹æ³• | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
{{#tags}}- {{label}}
{{/tags}}