CSSã®border-radiusã¯å®Ÿã¯ã™ã”ã‹ã£ãŸï¼ã‚ã¾ã‚ŠçŸ¥ã‚‰ã‚Œã¦ã„ãªã„機能を使用ã—ã¦ã€ã‹ã£ã“ã„ã„レイアウトを作る方法border-radiusプãƒãƒ‘ティã¯è§’丸を定義ã—ã¾ã™ãŒã€ã‚«ãƒ¼ãƒ‰ãªã©ã®çŸ©å½¢ã®è§’を丸ãã™ã‚‹ãŸã‚ã«ä½¿ç”¨ã™ã‚‹ã ã‘ã§ãªãã€ã•ã¾ã–ã¾ãªå½¢ã‚’作æˆã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 矩形や角丸ã ã‘ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã¯ãªãã€ã•ã¾ã–ã¾ãªå½¢ã‚’使用ã§ãるスタイルシートã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ CSS border-radius can do that? 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« border-radiusã®åŸºç¤ŽçŸ¥è˜ æµã‚Œã«é€†ã‚‰ã†ï¼ˆã‚ãªã„ã§ï¼‰ ã¯ã˜ã‚㫠今年開催ã•ã‚ŒãŸFrontend Conferenceã«ã¦ã€Rachel Andrewã¯CSS Gridã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã¤ã„ã¦è¬›æ¼”ã—ã¾ã—ãŸã€‚ä¸ã§ã‚‚ç§ãŒæ³¨ç›®ã—ãŸã®ã¯ã€å½¼å¥³ã®è©±ã®çµ‚ã‚ã‚Šã«ã‚ã£ãŸCSSã®å¤ã„プãƒãƒ‘ティã«ã¤ã„ã¦ã§ã™ã€‚ イメージã¯border-radiusプãƒãƒ‘ティを使用ã™ã‚‹ã ã‘ã§ã€ç”¨
{{#tags}}- {{label}}
{{/tags}}