経æ´ã‚„会社ã®æ²¿é©ãƒšãƒ¼ã‚¸ã«ï¼ç°¡å˜ãªCSSã§å®Ÿè£…ã™ã‚‹ã‚¿ã‚¤ãƒ ライン経æ´ã‚„会社ã®æ²¿é©ãƒšãƒ¼ã‚¸ã«ï¼ç°¡å˜ãªCSSã§å®Ÿè£…ã™ã‚‹ã‚¿ã‚¤ãƒ ラインã¡ã‚‡ã†ã©ä»Šä½œã£ã¦ã„るサイトã§ã€çµŒæ´ã‚’タイムラインã§è¡¨ç¾ã™ã‚‹ãƒšãƒ¼ã‚¸ãŒã‚ã£ãŸã®ã§ã‚³ãƒ¼ãƒ‰ã‚’紹介。コード自体ã¯ã¨ã£ã¦ã‚‚シンプルãªã®ã§ã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ¬¡ç¬¬ã§ã©ã‚“ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚µã‚¤ãƒˆã«ã‚‚ã‚ã‚ã›ã‚‰ã‚Œã‚‹ã¨æ€ã„ã¾ã™ã€‚æ–‡ç« ã«ã™ã‚‹ã¨ã‚´ãƒãƒ£ã‚´ãƒãƒ£ã—ãŒã¡ãªçµŒæ´ãƒ»æ²¿é©ã‚’スッã‚リã¨è¡¨ç¤ºã—ã¾ã—ょã†ï¼ モãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã£ã¦ã“ã¨ã§ã€640px 未満ã®å¹…ã®ãƒ‡ãƒã‚¤ã‚¹ã«ã¯å¹´æœˆãƒ»è¦‹å‡ºã—ãƒ»è©³ç´°æ–‡ç« ã‚’é †ã«è¡¨ç¤ºã—ã¾ã™ã€‚ モãƒã‚¤ãƒ«ç‰ˆã¯ã“ã‚“ãªæ„Ÿã˜ã€‚サンプルページã®ç”»é¢ã®å¹…を調整ã—ã¦æ¯”較ã—ã¦ãã ã•ã„。 HTMLtimeline ã¨ã„ã†ã‚¯ãƒ©ã‚¹ã®ã¤ã„ãŸãƒªã‚¹ãƒˆã®ä¸ã® li ã‚¿ã‚°ã§é …ç›®ã‚’è¿½åŠ ã—ã¦ã„ãã¾ã™ã€‚ <ul class="timeline"> <li> <p class="timeline-date">2007å¹´2月</p> <div class="timeline-content"> <
IE6～IE9ã‚’åŒæ™‚ã«è¡¨ç¤ºç¢ºèªã§ãã‚‹Microsoftç´”æ£ã‚½ãƒ•ãƒˆ [ホームページ作æˆ] All About![IE6～IE9ã‚’åŒæ™‚ã«è¡¨ç¤ºç¢ºèªã§ãã‚‹Microsoftç´”æ£ã‚½ãƒ•ãƒˆ [ホームページ作æˆ] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
{{#tags}}- {{label}}
{{/tags}}