CSS Snippets #7 - NxWorldCSSã§ã€Œã€‡ã€‡ã—ãŸã„ã€ã¨ã‹ã€Œã“ã‚Œã©ã†ã™ã‚‹ã‚“ã ã£ã‘...ã€ã¨ã„ã†ã¨ãã«ä½¿ãˆã‚‹ã‚‚ã®ã‚„地味ã ã‘ã©è¦šãˆã¦ãŠãã¨ä¾¿åˆ©ã ã¨æ€ã†ç°¡æ˜“çš„ãªã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’紹介ã™ã‚‹ç¬¬7å¼¾ã§ã™ã€‚ 以å‰ã§ã‚ã‚Œã°ç”»åƒã‚„JavaScriptを用ã„ãªã‘ã‚Œã°ã„ã‘ãªã‹ã£ãŸã‚‚ã®ãŒCSSã®ã¿ã§è¡¨ç¾ã§ããŸã‚Šã€ä¸Šæ‰‹ã使ãˆã°ã‚ˆã‚Šã‚·ãƒ³ãƒ—ル且ã¤åŠ¹çŽ‡è‰¯ã記述ã™ã‚‹ã®ã«å½¹ç«‹ã¤ã‚‚ã®ã‚‚ã‚ã‚‹ã®ã§ã€ç‰¹ã«ã“ã‚Œã‹ã‚‰CSSã‚’å¦ã³ãŸã„ã¨ã„ã†äººã‚„å¦ã³å§‹ã‚ãŸã°ã‹ã‚Šã§ã‚‚ã†å°‘ã—レベルアップã—ãŸã„ã¨ã„ã†äººã¯æ˜¯éžè©¦ã—ã¦ã¿ã¦ãã ã•ã„。 サンプルコードã¯åŸºæœ¬çš„ã«ãƒ—レフィックスをçœç•¥ã—ã¦ã„ã¾ã™ã€‚ デモãŒç”¨æ„ã•ã‚Œã¦ã„ãªã„ã‚‚ã®ã«ã¤ã„ã¦ã¯ã€è‡ªèº«ã§ç°¡å˜ãªç’°å¢ƒã‚’作æˆã—ã¦è©¦ã—ã¦ã‚‚らã†ã‹ã€ŒCodePenã€ã‚„「JSFiddleã€ãªã©ã‚’利用ã—ã¦å®Ÿéš›ã®å‹•ãを確èªã—ã¦ãã ã•ã„。 CSS変数（CSS Variables） CSSã§ä½•åº¦ã‚‚記述（複数箇所ã«è¨˜è¿°ï¼‰ã™ã‚‹ã‚‚ã®ã¯ã€CSS変数を用ã„ã¦æŒ‡å®šã—ã¦ãŠãã®ãŒä¾¿åˆ©ã§ã™ã€‚ 例
Webサイトã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’上手ã«ã‚ックオフã™ã‚‹æ–¹æ³•
{{#tags}}- {{label}}
{{/tags}}