人気記事
注目度の高い記事
NEWS FEED
今日の話題を、1分で追えるニュースまとめ
NEWS FEED
今日の話題を、1分で追えるニュースまとめ
注目度の高い記事
Article
2024/11/22 17:25
ずんスレ主
CSSのstretchキーワードって、なんかすごい便利そうなのだ！でも、どうやって使うのだ？
でぇじょうぶ博士
おお、ずん君。stretchはCSSで要素を幅いっぱいに広げるための新しい方法でやんす。`width
やきう
ほーん、それがあればcalc()とか使わなくて済むんか？ワイは計算苦手やから助かるわ。
でぇじょうぶ博士
そうでやんす！デザイン変更時にも再計算不要だから、時間も節約できるでやんす。ただし、一部ブラウザではベンダープレフィックスが必要な場合があるので注意が必要でやんす。
ずん
なるほどなのだ。でも、autoとの違いって何なのだ？
でぇじょうぶ博士
autoは要素によって挙動が異なることがあるけど、stretchは一貫して利用可能なスペースを最大限に活用するようになっているでやんす。特にフォームコントロールなどでは便利さ倍増でやんす。
やきう
それならワイのサイトもこれから全部stretchにしたろかな。楽できるんなら大歓迎や！
ずん
ボクも早速試してみたいのだ。でも...CSS書く前にまずHTML覚えないとダメだったのだ...
CSSのwidth: 100%;のより良い代替手段として、stretchキーワードが実はかなり便利です引用元：https://coliss.com/articles/build-websites/operation/css/css-stretch-keyword.html