3分ã§ã§ãã‚‹JS＋CSS「角丸ã€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ (1/3)“Web2.0â€ã£ã½ã„Webデザインã®å®šç•ªã€è§’丸ボックス。実際ã€ã“ã“æ•°å¹´ã€ã‚µã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚„ナビゲーションãƒãƒ¼ãªã©ã«è§’を丸ãã—ãŸãƒ–ãƒãƒƒã‚¯è¦ç´ を多用ã™ã‚‹ã‚µã‚¤ãƒˆã‚’ç›®ã«ã™ã‚‹æ©Ÿä¼šãŒå¢—ãˆã¦ã„ã¾ã™ã€‚ ã¨ã“ã‚ãŒã“ã®è§’丸ボックスã€ï¼ˆX）HTMLã¨CSSã ã‘ã§å®Ÿç¾ã™ã‚‹ã«ã¯ã€ã‚³ãƒ¼ãƒŠãƒ¼éƒ¨åˆ†ã®èƒŒæ™¯ç”»åƒã‚’用æ„ã—ãŸã‚ŠCSSを書ã足ã—ãŸã‚Šã¨ã€æ„外ã«æ‰‹é–“ãŒã‹ã‹ã£ã¦é¢å€’ã§ã™ã€‚ç¾åœ¨ã€W3C（World Wide Web Consortium ）ã§ç–定ãŒé€²ã‚られã¦ã„ã‚‹CSS3（CSS level 3）ã§ã¯ã€ãƒ–ãƒãƒƒã‚¯è¦ç´ ã®è§’を丸ãã§ãã‚‹ border-radiusプãƒãƒ‘ティãŒè¿½åŠ ã•ã‚Œã‚‹äºˆå®šã§ã™ãŒã€ç¾åœ¨ã®ã¨ã“ã‚CSS3ã¯ä¸€éƒ¨ã®Webブラウザーã—ã‹å¯¾å¿œã—ã¦ã„ã¾ã›ã‚“ã—ã€border-radiusプãƒãƒ‘ティã®å®Ÿè£…状æ³ã«ã‚‚ã°ã‚‰ã¤ããŒã‚ã‚Šã¾ã™ï¼ˆFirefoxã® -moz-border-radiusã€Safariã® -webkit-border
border-radius.js - Javascriptライブラリ - HTML5.JP
{{#tags}}- {{label}}
{{/tags}}