CSS3 ã® border-image ã§ç°¡å˜ã«ãƒªãƒƒãƒãªãƒœã‚¿ãƒ³ã‚’作れる未æ¥ãŒã„ã¤ã®é–“ã«ã‹ãã¦ãŸ - latest logç”»åƒã‚’使ã£ã¦ãƒªãƒƒãƒã§ãƒ•ãƒ¬ã‚シブルã«ä¼¸ã³ç¸®ã¿ã™ã‚‹ãƒœã‚¿ãƒ³ã‚„フレームを作る時ã¿ãªã•ã‚“ã¯ã©ã†ã—ã¦ã„ã‚‹ã§ã—ょã†ã‹ã€‚ 従æ¥ã®æ–¹æ³•ã 㨠デザイナーã•ã‚“ãŒç”»åƒã‚’9分割 マークアップã§é ‘å¼µã£ã¦å†ç¾ã™ã‚‹ ã¨ã„ã†ãƒãƒ¼ãƒ‰ãƒ¯ãƒ¼ã‚¯ã‚’å¼·ã„られã¦ã„ã¾ã—ãŸãŒã€ 昨今ã®ãƒ¢ãƒã‚¤ãƒ«é–‹ç™ºç’°å¢ƒã§ã¯ã€ãã‚Œã€ã‚‚ã†è¦ã‚‰ãªã„苦労らã—ã„ã§ã™ã‚ˆã€‚ CSS3 ã® border-image を使ã†ã¨ã€9 slice(9 patch)ã‚’ CSS ã ã‘ã§å®Ÿç¾å¯èƒ½ã§ã™ã€‚ 用æ„ã™ã‚‹ã‚‚ã®ã¯ã€9ã¤ã«åˆ†å‰²ã™ã‚‹å‰ã®ãƒœã‚¿ãƒ³ç”»åƒã§ã™ã€‚ ç”»åƒã‚’用æ„ã—ãŸã‚‰ã€http://border-image.com ã®ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã‚’使ㄠborder-image 用ã®CSSを生æˆã—ã¾ã™ã€‚ -webkit-border-image: url(img/btn.9.png) 27 24 30 25 round; ã¨ã™ã‚‹ã¨ã€ Android Browser 2.3.3 iPhone 4S
{{#tags}}- {{label}}
{{/tags}}