[CSS]テã‚ストè¦ç´ ã®å…ˆé è¡Œã ã‘line-heightã‚’å–り除ãã€ä¸Šã´ã£ãŸã‚Šã«æƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãƒ†ã‚ストè¦ç´ ã‚’é…ç½®ã™ã‚‹éš›ã€line-heightãŒã‚ã‚‹ã¨ã€ãƒ†ã‚ストã®å…ˆé 行を上ã´ã£ãŸã‚Šã«æƒãˆã‚‹ã“ã¨ã¯ã§ãã¾ã›ã‚“。先é è¡Œã ã‘line-heightã§ã§ããŸä¸Šã‚¹ãƒšãƒ¼ã‚¹ã‚’å–り除ãã€ä¸Šã«æƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ ã“れをã—ãŸã„ã¨æ€ã£ãŸäººã¯å°‘ãªããªã„ã¨æ€ã„ã¾ã™ã€‚ å…ˆé è¡Œã®ä½™è¨ˆãªä½™ç™½ã‚’å–り除ãã€ã´ãŸã£ã¨æƒãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚å–り除ãã®ã¯å…ˆé è¡Œã®ä¸Šã ã‘ãªã®ã§ã€å…ˆé è¡Œã®ä¸‹ã‚„ã»ã‹ã®ãƒ†ã‚ストè¦ç´ ã¯line-heightãŒé©ç”¨ã•ã‚Œã¾ã™ã€‚ Line-height Crop by CodyHouse 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« å…ˆé è¡Œã ã‘を上ã«æƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ テクニックã®è§£èª¬ å…è²¬äº‹é … ã¯ã˜ã‚㫠元々ã¯ã€è¿‘日公開予定ã®ã€ŒWeb Componentsã€ã®ãŸã‚ã«ä½œæˆã—ãŸã‚‚ã®ã§ã™ãŒã€ã‚°ãƒãƒ¼ãƒãƒ«ã®CSSã¨ã—
![[CSS]テã‚ストè¦ç´ ã®å…ˆé è¡Œã ã‘line-heightã‚’å–り除ãã€ä¸Šã´ã£ãŸã‚Šã«æƒãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯](https://cdn-ak-scissors.b.st-hatena.com/image/square/cbe5fdca5858448e042c50f10de1371724f1a1b4/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201803%2F2018082000.gif)
[CSS]見出ã—ã€æœ¬æ–‡ã€ãƒªã‚¹ãƒˆãªã©ã€æ–‡å—周りをrem指定ã§ç°¡å˜ã«è¨è¨ˆã§ãる便利ãªã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ール![[CSS]見出ã—ã€æœ¬æ–‡ã€ãƒªã‚¹ãƒˆãªã©ã€æ–‡å—周りをrem指定ã§ç°¡å˜ã«è¨è¨ˆã§ãる便利ãªã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ール](https://cdn-ak-scissors.b.st-hatena.com/image/square/debac5ced80c80ee248dfc210d9fa594af0e6ca3/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201803%2F2018080310.png)
[CSS]見出ã—や本文ã®font-sizeã¨line-heightã®å˜ä½ã«remを使用ã—ã¦ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã«ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ![[CSS]見出ã—や本文ã®font-sizeã¨line-heightã®å˜ä½ã«remを使用ã—ã¦ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã«ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ](https://cdn-ak-scissors.b.st-hatena.com/image/square/68f33993450e46d15bbdfbb5207d0da2c88fffc7/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201803%2F2018071905-02.png)
{{#tags}}- {{label}}
{{/tags}}