Webデザイン参考記事まとめ アプデ(UPDE) - Webデザイナー／クリエイター向けの最新情報まとめアンテナ。

閉じる

2024年08月20日(火)

フォームのテキストエリアにCSSのfield-sizingとlh単位を使用すると便利、入力された文字量に合わせてサイズを自動変更

CSSはどんどん便利になっていますね！
これまではJavaScriptを使用しないとできなかったことがCSSで簡単に実装できるようになっています。

CSSのfield-sizing: content;でフォームのテキストエリアのサイズを入力された文字量に合わせて自動変更したり、テキストエリアの高さを行の高さで設定するlh単位を使ったCSSのテクニックを紹介します。

フォームのテキストエリアにCSSのfield-sizingとlh単位を使用すると便利、入力された文字量に合わせてサイズを自動変更

フォームのテキストエリアに使用するCSSのテクニックは、2つあります。

  • field-sizing: content;で、コンテ...

    • author:

    コリス

    http://coliss.com

    2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログ

    今日のwebデザイン記事ランキングを見る

    関連記事

    Ads

    2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『フォームのテキストエリアにCSSのfield-sizingとlh単位を使用すると便利、入力された文字量に合わせてサイズを自動変更』についてまとめています。

    この記事は特にjavascript・フォント・SEO・twitter・LINEについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のコリスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとコリスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。