第1回　text-shadow実践テクニック | gihyo.jpCSS3ã¯ãƒ–ラウザã®é€²åŒ–ã¨ã¨ã‚‚ã«æ˜¨ä»Šã§ã¯æ§˜ã€…ãªãƒ–ãƒã‚°ã‚„技術系ã®ãƒ¡ãƒ‡ã‚£ã‚¢ãªã©ã§å–り上ã’られるよã†ã«ãªã£ã¦ãã¾ã—ãŸã€‚ 今回ã¯ã€CSS3ãªã®ã§ã™ãŒCSS2.1ã§ã‚‚ã‚ã£ãŸtext-shadowプãƒãƒ‘ティã«ã¤ã„ã¦ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ã¾ã™ã€‚ ã™ã§ã«ãƒ—ãƒãƒ‘ティã®åå‰ã‹ã‚‰ä½•ãŒã§ãã‚‹ã‹ã¯äºˆæƒ³ãŒã¤ãã¾ã™ã€‚ãŸã ã€"ãã‚ãã‚何ãŒã§ãã‚‹ã‹"ã§ã¯ãªãã€"ã©ã®ã‚ˆã†ã«ä½¿ã†ã‹"ã¨ã„ã†å®Ÿè·µã®éƒ¨åˆ†ã«æ³¨ç›®ã—ã¦ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ text-shadowプãƒãƒ‘ティã®è¨˜è¿°æ–¹æ³• ã¾ãšã¯ã€åŸºæœ¬ã®text-shadowプãƒãƒ‘ティã®è¨˜è¿°æ–¹æ³•ã§ã™ãŒã€ä»¥ä¸‹ã®å½¢å¼ã§å€¤ã‚’指定ã—ã¾ã™ã€‚ セレクタ { text-shadow：　ã¼ã‹ã—色　Xæ–¹å‘ã¸ã®è·é›¢ã€€Yæ–¹å‘ã¸ã®è·é›¢ã€€ã¼ã‹ã—ã®è·é›¢ } ã¼ã‹ã—色 ã¼ã‹ã—色ã¯RGBã€è‰²åã«ã¦æŒ‡å®šãŒå¯èƒ½ã€‚#000ã¯RGBã®é»’ã ãŒã€blackã§ã‚‚指定ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã€‚ã¼ã‹ã—ã®è‰²ã¯ã€text-shadowプãƒãƒ‘ティã®å€¤ã¨ã—ã¦ä¸€ç•ªæœ€åˆã«è¨˜è¿°
コピペã§ä½¿ãˆã‚‹ï¼ CSSã§å‡ã£ãŸèƒŒæ™¯ã‚’作るサンプル集 | ライフãƒãƒƒã‚«ãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ン
{{#tags}}- {{label}}
{{/tags}}