CSSã ã‘ã§ã‚¹ã‚¿ã‚¤ãƒ«ã‚¯ã‚¨ãƒªã®ã‚µãƒãƒ¼ãƒˆã‚’確èªã™ã‚‹æ–¹æ³•ã€Safari 18ã®ãƒã‚°ã‚’回é¿ã™ã‚‹æ–¹æ³•ã‚‚スタイルクエリã¨ã¯ã€è¦ªè¦ç´ ã®ã‚¹ã‚¿ã‚¤ãƒ«ã«å¿œã˜ã¦åè¦ç´ ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹CSSã®æ©Ÿèƒ½ã§ã™ã€‚ãŸã¨ãˆã°ã€ã‚«ãƒ¼ãƒ‰ã®ã‚³ãƒ³ãƒ†ãƒŠãŒã‚ã‚Šã€ã‚«ãƒ¼ãƒ‰ã«ã‚ˆã£ã¦ãƒ©ãƒ™ãƒ«ã‚„ボタンã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’変更ã—ãŸã„å ´åˆãªã©ã«ä¾¿åˆ©ã§ã™ã€‚ ã“ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚¯ã‚¨ãƒªãŒãƒ–ラウザã«ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã‚‹ã‹ã‚’CSSã ã‘ã§ç¢ºèªã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ Feature detect Style Queries Support in CSS by Bramus! 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚㫠スタイルクエリã®ã‚µãƒãƒ¼ãƒˆã‚’確èªã™ã‚‹CSS ã“ã®CSSã®ä»•çµ„㿠デモ Safari 18ã®ãƒã‚°ã‚’回é¿ã™ã‚‹æ–¹æ³• ã¯ã˜ã‚㫠先日ã€Xã§Adam WathanãŒï¼ˆã‚«ã‚¹ã‚¿ãƒ プãƒãƒ‘ティã®ï¼‰ã‚¹ã‚¿ã‚¤ãƒ«ã‚¯ã‚¨ãƒªã‚’確èªã™ã‚‹æ–¹æ³•ã‚’å°‹ãã¦ã„ã¾ã—ãŸã€‚ç†è«–çš„ã«ã¯@supports at-rule()を使用ã™
{{#tags}}- {{label}}
{{/tags}}