CSS のフィールド サイズ設定 | Chrome for Developers

クイックリンク 仕様 | 説明 ショート動画が好きですか？ Wes Bos と Jhey の Twitter には、field-sizing を紹介する優れた動画がそれぞれあります。 フィールドのサイズ設定の影響を受ける要素 以下に、field-sizing が動作する <form> 要素と、各要素に与える影響の概要を示します。 <textarea> 入力は min-inline-size に縮小されるか、プレースホルダに収まるように縮小されます。 ユーザーが入力すると、入力はインライン方向に最大インライン サイズに達するまで拡大します。この時点でテキストが折り返され、入力のブロックサイズが新しい行に収まるように拡大します。 <select>、nd <select multiple> select 要素は、選択したオプションに合わせて縮小されます。 multiple 属性を持つセレクトは、