ãªãœã“ã‚Œã¾ã§æ´»ç”¨ã•ã‚Œã¦ã“ãªã‹ã£ãŸã®ï¼Ÿå®Ÿã¯ä¾¿åˆ©ãª9ã¤ã®CSS機能をã”紹介ï¼CSSã®æ´å²ã¯å¤ãã€1994å¹´ã‹ã‚‰é–‹ç™ºãŒã¯ã˜ã¾ã£ã¦ãŠã‚Šã€ç¾åœ¨ã®CSS4モジュールãªã©ç¶™ç¶šçš„ã«æ–°ã—ã„機能ãŒè¿½åŠ ã•ã‚Œã¦ã„ã¾ã™ã€‚ 今回ã¯ãã‚“ãªåºƒã„CSSã®ä¸–ç•Œã‹ã‚‰å®Ÿã¯ã‚ã¾ã‚Šä½¿ã‚ã‚Œã¦ã„ãªã„機能9ã¤ç´¹ä»‹ã—ã¾ã™ã€‚ 1. CSS clac() Clac()自体ã¯åºƒã知られã¦ã„ã¾ã™ãŒã€ã“ã®å ´ã§ã‚‚ã†ä¸€åº¦ç´¹ä»‹ã™ã‚‹ã»ã©é‡è¦ãªã®ã§ã™ã€‚例ã®ã‚ˆã†ã«ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®å¹…ã¨ä½ç½®ã‚’ピクセルã§æŒ‡å®šã™ã‚‹ã“ã¨ã«ä½¿ãˆã¾ã™ã€‚ 2. pointerメディアクエリ タブレットやPCã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©æ§˜ã€…ãªãƒ‡ãƒã‚¤ã‚¹ãŒå˜åœ¨ã™ã‚‹ç¾ä»£ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã«é©å¿œã™ã‚‹ãŸã‚ã®æ©Ÿèƒ½ã§ã™ã€‚none(ãƒã‚¤ãƒ³ãƒ†ã‚£ãƒ³ã‚°ãƒ‡ãƒã‚¤ã‚¹ãŒå˜åœ¨ã—ãªã„)ã€coarse(タッãƒã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚„モーションセンサーデãƒã‚¤ã‚¹ç‰)ã€fine(マウスやタッãƒãƒ‘ッドç‰)ã®å…¥åŠ›å€¤ã«ã‚ˆã‚Šãƒ‡ãƒã‚¤ã‚¹ã‚’è˜åˆ¥ã—ã€ãƒœã‚¿ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’変更ã—ãŸã‚Šã™ã‚‹éš›ã«æ´»ç”¨ã—ã¾ã™ã€‚ 3. CurrentColor variable CSS
{{#tags}}- {{label}}
{{/tags}}