[CSS]一ã¤ã®è¦ç´ ã«èƒŒæ™¯ã‚„ボーダーをマルãƒãƒ—ルã«é…ç½®ã™ã‚‹å®Ÿç”¨çš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯CSS3ã®ãƒžãƒ«ãƒãƒ—ルãƒãƒƒã‚¯ã‚°ãƒ©ãƒ³ãƒ‰ã‚’使用ã›ãšã«ã€CSS2.1ã®æ“¬ä¼¼è¦ç´ を使用ã—ã¦ä¸€ã¤ã®è¦ç´ ã«è¤‡æ•°ã®èƒŒæ™¯ã‚„ボーダーをé…ç½®ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ Multiple Backgrounds and Borders with CSS 2.1 CSS3ã®ã‚µãƒãƒ¼ãƒˆã¯å¿…è¦ãªãã€å¯¾å¿œãƒ–ラウザã¯CSS2.1ã®æ“¬ä¼¼è¦ç´ をサãƒãƒ¼ãƒˆã™ã‚‹IE8+, Fx3.5+, Safari 4+, Chrome 4+, Opera 10+ã¨ãªã£ã¦ã„ã¾ã™ã€‚ 実装ã®ä»•çµ„ã¿ã¯ä¸Šè¨˜ã®ç”»åƒã®ã‚ˆã†ã«ã€æ“¬ä¼¼è¦ç´ ã®ã€Œ:beforeã€ã¨ã€Œ:afterã€ã‚’利用ã—ãŸã‚‚ã®ã§ã€è¤‡æ•°ã®èƒŒæ™¯ã‚„ボーダーをé…ç½®ã™ã‚‹ã“ã¨ã§é¢ç™½ã„効果ãŒå¾—られã¾ã™ã€‚ 下記ã«ãã®å®Ÿç”¨çš„ã§é¢ç™½ã„効果をもã£ãŸãƒ‡ãƒ¢ã‚’紹介ã—ã¾ã™ã€‚ マルãƒãƒ—ル ãƒãƒƒã‚¯ã‚°ãƒ©ãƒ³ãƒ‰ デモ：Multiple Backgrounds with CSS 2.1 CSSファイル：backgrounds.css
楽ã—ã¦ãƒ—ãƒã£ã½ã„デザイン | Forty-N-FiveBlog
{{#tags}}- {{label}}
{{/tags}}