[css] contentプãƒãƒ‘ティã§æŒ¿å…¥ã§ãるコンテンツ – WebTecNoteclearFixã§ãŠé¦´æŸ“ã¿ãªCSSã®æ“¬ä¼¼ã‚»ãƒ¬ã‚¯ã‚¿::beforeã¨::afterã§ã¯contentプãƒãƒ‘ティã¨ã„ã†ã‚‚ã®ãŒä½¿ãˆã‚‹ã‚ã‘ã§ã™ãŒã€ ::beforeã¨::afterãŒIE7以下未対応ã¨ã„ã†ã“ã¨ã‚‚ã‚ã£ã¦ä½¿ã£ã¦ãªã„人ã¯æœªã 多ã‹ã‚ã†ã¨æ€ã„ã¾ã™ã€‚ ã—ã‹ã—ãªãŒã‚‰ãƒ¬ã‚¬ã‚·ãƒ¼ãªIEã§è¡¨ç¤ºã•ã‚Œãªã„ã‹ã‚‰ä½¿ã‚ãªã„ã¨ã„ã†ã®ã¯éžå¸¸ã«å‹¿ä½“ç„¡ã„ã®ã§ã€ 今一度contentプãƒãƒ‘ティã§æŒ¿å…¥å‡ºæ¥ã‚‹å†…容ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ ※2019å¹´ç¾åœ¨ã¯å…¨ãƒ–ラウザ対応ã—ã¦ã„ã¾ã™ã€‚ 挿入出æ¥ã‚‹ãƒ¢ãƒŽ 大ãã分ã‘ã‚‹ã¨ï¼“ã¤ã§ã™ã€‚ テã‚スト プãƒãƒ‘ティã®å€¤ ç”»åƒ content:â€ãƒ†ã‚スト†åŠè§’英数やåŠè§’ã®è¨˜å·ãªã‚‰ãã®ã¾ã¾ã§OK。ãŸã ã—クォーテーションãªã©ã®ãƒ¡ã‚¿æ–‡å—ã¯\ã§ã‚¨ã‚¹ã‚±ãƒ¼ãƒ—ã—ãªã„ã¨è¡¨ç¤ºã•ã‚Œãªã„。 日本語ãªã©ã®2ãƒã‚¤ãƒˆæ–‡å—も書ã„ãŸã¾ã¾è¡¨ç¤ºã•ã‚Œã‚‹ã‘ã©ã€æ•°å€¤æ–‡å—å‚ç…§ã®å€¤ã§æ›¸ã„ãŸæ–¹ãŒç„¡é›£ã§ã™ã€‚ 例：タイトルã®å‰ã«â˜…マークを
![[css] contentプãƒãƒ‘ティã§æŒ¿å…¥ã§ãるコンテンツ – WebTecNote](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
{{#tags}}- {{label}}
{{/tags}}