スタイルシートã§ãƒ‰ãƒãƒƒãƒ—ã‚ャップを作る [ホームページ作æˆ] All Aboutスタイルシートã§ãƒ‰ãƒãƒƒãƒ—ã‚ャップを作る雑誌ãªã©ã§ã‚ˆã使ã‚れる「先é ã®1æ–‡å—を大ããã—ã¦ä¸‹ã®æ•°è¡Œã«é£Ÿã„è¾¼ã¾ã›ã‚‹ã€è£…飾(ドãƒãƒƒãƒ—ã‚ャップ)を作ã£ã¦ã¿ã¾ã—ょã†ã€‚スタイルシートを使ãˆã°ç°¡å˜ã§ã™ã€‚first-letterç–‘ä¼¼è¦ç´ ・first-child疑似クラスを使ã„ã¾ã™ã€‚ 雑誌ãªã©ã§ã‚ˆã使ã‚れるドãƒãƒƒãƒ—ã‚ãƒ£ãƒƒãƒ—ã‚’å®Ÿç¾ é›‘èªŒãªã©ã§ã‚ˆã使ã‚ã‚Œã¦ã„る「ドãƒãƒƒãƒ—ã‚ャップã€ã‚’作ã£ã¦ã¿ã¾ã—ょã†ã€‚段è½ã®æœ€åˆã®1æ–‡å—を大ãã表示ã•ã›ã€ä¸‹ã®æ•°è¡Œã«é£Ÿã„è¾¼ã¾ã›ã‚‹è£…飾ã®ã“ã¨ã‚’「ドãƒãƒƒãƒ—ã‚ャップã€ã¨å‘¼ã³ã¾ã™ã€‚ ã“ã®ã€Œãƒ‰ãƒãƒƒãƒ—ã‚ャップã€ã¯ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’使ãˆã°ã€HTMLã«æ‰‹ã‚’åŠ ãˆã‚‹ã“ã¨ãªãç°¡å˜ã«ä½œã‚Œã¾ã™ã€‚ 作ã£ã¦ã¿ãŸä¾‹ã¯ã€ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚ å…ˆé ã®1æ–‡å—ã ã‘ã€å¤§ããªèµ¤è‰²ã®å転表示ã«ãªã£ã¦ã€ä¸‹ã®æ•°è¡Œã«é£Ÿã„込んã§ã„ã¾ã™ã€‚ CSSã®first-letterç–‘ä¼¼è¦ç´ を使ã†ã¨ã€ãƒœãƒƒã‚¯ã‚¹ã®æœ€åˆã®1æ–‡å—ã«ã ã‘装飾を施ã™ã“ã¨ãŒã§ãã¾ã™ã€‚ ã“
![スタイルシートã§ãƒ‰ãƒãƒƒãƒ—ã‚ャップを作る [ホームページ作æˆ] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
{{#tags}}- {{label}}
{{/tags}}