[CSS]olè¦ç´ を美ã—ãスタイルã—ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã¡ã‚‡ã£ã¨ã ã‘åŠ ãˆã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯æ“¬ä¼¼è¦ç´ を使ã£ã¦ã€olè¦ç´ を美ã—ãスタイルã—ã€CSS3アニメーションをã¡ã‚‡ã£ã¨ã ã‘åŠ ãˆãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ CSS3 ordered list styles [ad#ad-2] デモ 実装 対応ブラウザ デモ デモã¯IE9, Firefox, Chrome, Safariã§ã”覧ãã ã•ã„。 擬似è¦ç´ ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã€Firefoxã®ã¿ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã¾ã™ã€‚ デモページ：Demo 1 æ•°å—を矩形ã«ã‚¹ã‚¿ã‚¤ãƒ«ã—ã€ãƒ›ãƒãƒ¼ã§æ•°å—ã‹ã‚‰ã‚¢ãƒãƒ¼ãŒä¼¸ã³ã¾ã™ã€‚ ※アニメーションã¯Firefoxã®ã¿ã§ã™ã€‚ 実装 HTML HTMLã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ルã§ã€olè¦ç´ を入れåã«ã—ã¦å®Ÿè£…ã™ã‚‹ã ã‘ã§ã™ã€‚ <ol class="rounded-list"> <li><a href="">List item</a></li> <li><a href="">List item</a></li> <li><a h
XHTML5ã§å®Ÿä½“å‚照を使ã†æ–¹æ³•
{{#tags}}- {{label}}
{{/tags}}