CSSã§ãƒ‡ã‚¸ã‚¿ãƒ«ã£ã½ã„æ•°å—ã®è¡¨ç¾ã‚’ã™ã‚‹ - Qiitaã“ã®è¨˜äº‹ã¯Frontrend Advent Calendar 2014 - Qiita 2日目ã®è¨˜äº‹ã§ã™ã€‚ CSSã§ãƒ‡ã‚¸ã‚¿ãƒ«ã£ã½ã„æ•°å—ã®è¡¨ç¾ã‚’ã™ã‚‹ 実際ã®ã‚µãƒ³ãƒ—ルã¨ã‚³ãƒ¼ãƒ‰ã¯Codepenã§ç¢ºèªã§ãる。 （Google Chrome 39.0.2171.71 ã ã‘ã§ã—ã‹ã¾ã 確èªã—ã¦ã„ãªã„） よãã‚ã‚‹<div></div>一個ã§ã‚·ãƒªãƒ¼ã‚ºã¨ã‹ã§ã‚‚ãªãã€<span></span>ã§ãƒ‰ãƒƒãƒˆéƒ¨åˆ†ã‚’用æ„ã—ã€position:absoluteã§é…ç½®ã—ã€ç‚¹ç¯ç®‡æ‰€ã‚’æ•°å—ã”ã¨ã«å¤‰ãˆã¦ã„ã‚‹ã ã‘。上下ã®ãƒ‰ãƒƒãƒˆã ã‘ã§æ§‹æˆã—ã¦ã„るよã†ãªå ´åˆã¯ã€<div></div>一個ã§ã‚‚ã¤ãã‚Œãã†ãªæ°—ãŒã—ãªã„ã§ã‚‚ãªã„ãŒã€çœŸã‚“ä¸ã®ã‚¿ã‚¤ãƒ—ã¯ã¡ã‚‡ã£ã¨è‹¦ã—ãã†ã ã£ãŸã®ã§ã€ç´ ç›´ã«<span></span>を並ã¹ã¦ã¤ãã£ãŸã€‚ 真んä¸ã®ã‚„㤠上下ã¯ç‰¹ã«é›£ã—ã„ã“ã¨ã¯ã—ã¦ã„ãªã„ãŒã€çœŸã‚“ä¸ã®ã‚„ã¤ã¯ã€å°‘ã—ã°ã‹ã‚Šã©ã†ã¤ãã‚‹ã‹æ‚©ã‚“ã 。コード全体ã¯å…ˆã»ã©ã®Co
Keeping CSS short with currentColor by Osvaldas Valutis
{{#tags}}- {{label}}
{{/tags}}