フォームã®ãƒ†ã‚ストエリアã«CSSã®field-sizingã¨lhå˜ä½ã‚’使用ã™ã‚‹ã¨ä¾¿åˆ©ã€å…¥åŠ›ã•ã‚ŒãŸæ–‡å—é‡ã«åˆã‚ã›ã¦ã‚µã‚¤ã‚ºã‚’自動変更CSSã¯ã©ã‚“ã©ã‚“便利ã«ãªã£ã¦ã„ã¾ã™ãï¼ ã“ã‚Œã¾ã§ã¯JavaScriptを使用ã—ãªã„ã¨ã§ããªã‹ã£ãŸã“ã¨ãŒCSSã§ç°¡å˜ã«å®Ÿè£…ã§ãるよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ CSSã®field-sizing: content;ã§ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ†ã‚ストエリアã®ã‚µã‚¤ã‚ºã‚’入力ã•ã‚ŒãŸæ–‡å—é‡ã«åˆã‚ã›ã¦è‡ªå‹•å¤‰æ›´ã—ãŸã‚Šã€ãƒ†ã‚ストエリアã®é«˜ã•ã‚’è¡Œã®é«˜ã•ã§è¨å®šã™ã‚‹lhå˜ä½ã‚’使ã£ãŸCSSã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ フォームã®ãƒ†ã‚ストエリアã«ä½¿ç”¨ã™ã‚‹CSSã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯ã€2ã¤ã‚ã‚Šã¾ã™ã€‚ field-sizing: content;ã§ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«åˆã‚ã›ã¦ãƒ†ã‚ストエリアを自動的ã«ã‚µã‚¤ã‚ºå¤‰æ›´ã™ã‚‹ã€‚ lhå˜ä½ã§ã€ãƒ†ã‚ストエリアã®é«˜ã•ã‚’è¡Œã®é«˜ã•ã§è¨å®šã™ã‚‹ã€‚ HTMLã¯ã€textareaを用æ„ã™ã‚‹ã ã‘ã§ã™ã€‚
CSS ã®ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ サイズè¨å®š  | Chrome for Developers
{{#tags}}- {{label}}
{{/tags}}