[フレーム]
はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできます コメント表示の設定

ブックマークしました

ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

204users がブックマーク コメント 12

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

CSSの新しいプロパティ「field-sizing: content;」が便利! フォームのサイズを入力された文字量に合わせて自動変更

204 users coliss.com

ガイドラインをご確認の上、良識あるコメントにご協力ください

0 / 0
入力したタグを追加

現在プライベートモードです 設定を変更する

おすすめタグタグについて

よく使うタグ

はてなブックマーク

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページ

記事へのコメント12

  • 注目コメント
  • 新着コメント
オーナーコメントを固定しています
coliss
オーナー CSSのform-sizingプロパティで、フォームのサイズを入力された文字量に合わせて自動変更させることができます。

その他
wakuworks
JSで頑張っていたことがCSSだけで出来るの嬉しい

その他
ultimatebreak
最近痒いところに手が届くようなCSSが追加されてきて良い

その他
オーナーコメントを固定しています
coliss
オーナー coliss CSSのform-sizingプロパティで、フォームのサイズを入力された文字量に合わせて自動変更させることができます。

2023年10月10日 リンク

その他
koogawa
ふむふむ

その他
blue_night_blue
ありがてえ

その他
for-my-internet-demo
こういうの1個あるだけで非バインディングの類だと急に治安悪くなってたのわかる

その他
kisiritooru
ふっかつのじゅもん入れたくなる

その他
wakuworks
wakuworks JSで頑張っていたことがCSSだけで出来るの嬉しい

2023年10月10日 リンク

その他
ultimatebreak
ultimatebreak 最近痒いところに手が届くようなCSSが追加されてきて良い

2023年10月10日 リンク

その他
ustam
スクラッチで作るの大変なんだよねこれ。ライブラリーとかありそうだけど。主要ブラウザに普及するのはいつ頃だろう?

その他
heniha
https://caniuse.com/?search=form-sizing

その他
solidstatesociety
使う

その他
mohritaroh
便利そう

その他
w_bonbon
最近Chromeがガシガシ新仕様入れるねぇ。

その他

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー
アプリのスクリーンショット
いまの話題をアプリでチェック!
  • バナー広告なし
  • ミュート機能あり
  • ダークモード搭載
アプリをダウンロード

関連記事

usersに達しました!

さんが1番目にブックマークした記事「CSSの新しいプロパ...」が注目されています。

気持ちをシェアしよう

ツイートする

CSSの新しいプロパティ「field-sizing: content;」が便利! フォームのサイズを入力された文字量に合わせて自動変更

今まではJavaScriptを使用しないとできなかったことが、たった1行のCSSで簡単に実装できるようになりま... 今まではJavaScriptを使用しないとできなかったことが、たった1行のCSSで簡単に実装できるようになります。フォームのtextareaに文字を入力すると、その文字量に合わせてサイズを自動で変更するCSSの新しいプロパティを紹介します。 下記のように入力された文字量に合わせてサイズを自動で拡張してくれます。また、min-heightやmax-heightを同時に設定できるので、上限下限のサイズを設定することもできます。 CSSの新しいプロパティはfield-sizingです。field-sizingプロパティを使用すると、フォームコントロールのデフォルトのサイズを無効にし、フォームのサイズをコンテンツに依存させることができます。そのため、自動で拡張されるtextareaを実装するのが簡単になります。 参考: Feature: field-sizing CSS property CSS

ブックマークしたユーザー

  • munieru_jp2025年02月27日 munieru_jp
  • at_yasu2025年02月25日 at_yasu
  • rakk2024年11月13日 rakk
  • okyawa2024年01月25日 okyawa
  • keiweblog2023年10月29日 keiweblog
  • kochi152023年10月25日 kochi15
  • shinchu2023年10月17日 shinchu
  • koogawa2023年10月13日 koogawa
  • zs1gyu5631102023年10月12日 zs1gyu563110
  • mtom0292023年10月12日 mtom029
  • poad10102023年10月12日 poad1010
  • marutaku01312023年10月12日 marutaku0131
  • xmori552023年10月12日 xmori55
  • lugecy2023年10月12日 lugecy
  • umiusi452023年10月11日 umiusi45
  • isshyman2023年10月11日 isshyman
  • u-qreil82023年10月11日 u-qreil8
  • SonNa_BaNaNa2023年10月11日 SonNa_BaNaNa
すべてのユーザーの
詳細を表示します

ブックマークしたすべてのユーザー

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

同時期にブックマークされた記事

いま人気の記事 - 企業メディア

企業メディアをもっと読む

はてなブックマーク

公式Twitter

はてなのサービス

Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しましたx

AltStyle によって変換されたページ (->オリジナル) /