CSSスプライトã¨ã¯ä½•ï¼Ÿ ã‚ã‹ã‚Šã‚„ã™ã解説 Weblio辞書èªã¿æ–¹ï¼šã‚·ãƒ¼ã‚¨ã‚¹ã‚¨ã‚¹ã‚¹ãƒ—ライト ã€è‹±ã€‘CSS Sprites CSSスプライトã¨ã¯ã€Webデザインã«ãŠã‘る技法ã®ä¸€ç¨®ã§ã€è¤‡æ•°ã®ç”»åƒéƒ¨å“を連çµã—ã¦1æžšã®ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã«ã¾ã¨ã‚ã€CSSã§è¡¨ç¤ºç¯„囲を指定ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦è¡¨ç¤ºã™ã‚‹æ‰‹æ³•ã®ã“ã¨ã§ã‚る。 CSSスプライトã¯ã€ä¸€èˆ¬çš„ã«ã¯è¤‡æ•°ã®ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦æ‰±ã‚れる画åƒéƒ¨å“ã‚’ã€1ã¤ã®ãƒ•ã‚¡ã‚¤ãƒ«ã«ã¾ã¨ã‚ã¦æ‰±ã†ãŸã‚ã€Webページを表示ã™ã‚‹éš›ã«ã‚µãƒ¼ãƒãƒ¼ã«å¯¾ã—ã¦ç™ºã›ã‚‰ã‚Œã‚‹HTTPリクエストã®æ•°ã‚’削減ã§ãã‚‹ã¨ã„ã†ç‰¹å¾´ãŒã‚る。ã“ã‚Œã«ã‚ˆã£ã¦ã€HTTPリクエストã«ã‚ˆã‚‹è¡¨ç¤ºã®é…延を防ãŽã€ãƒ‘フォーマンスã®å‘上を図るã“ã¨ãŒã§ãる。ã¾ãŸã€ã‚ªãƒ³ãƒžã‚¦ã‚¹æ™‚ã«è¡¨ç¤ºã®åˆ‡ã‚Šæ›¿ã‚るメニューボタンã®ã‚ˆã†ãªé¡žä¼¼ç”»åƒã‚’ã¾ã¨ã‚ã¦ç®¡ç†ã§ãã‚‹ã¨ã„ã†åˆ©ç‚¹ã‚‚ã‚る。 CSSスプライトã«ã‚ˆã£ã¦ã¾ã¨ã‚られãŸç”»åƒéƒ¨å“ã¯ã€CSSã®ã€Œbackground-imageã€ãƒ—ãƒãƒ‘ティã§è¡¨ç¤ºç¯„囲を指定ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€å€‹åˆ¥ã®ç”»åƒãƒ•ã‚¡ã‚¤
[CSS]ç”»åƒã«ã¡ã‚‡ã£ã¨ç´ 敵ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’与ãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã¾ã¨ã‚
{{#tags}}- {{label}}
{{/tags}}