ずん

CSSのstretchキーワードって、なんかすごい便利そうなのだ！でも、どうやって使うのだ？

でぇじょうぶ博士

おお、ずん君。stretchはCSSで要素を幅いっぱいに広げるための新しい方法でやんす。`width

やきう

ほーん、それがあればcalc()とか使わなくて済むんか？ワイは計算苦手やから助かるわ。

でぇじょうぶ博士

そうでやんす！デザイン変更時にも再計算不要だから、時間も節約できるでやんす。ただし、一部ブラウザではベンダープレフィックスが必要な場合があるので注意が必要でやんす。

ずん

なるほどなのだ。でも、autoとの違いって何なのだ？

でぇじょうぶ博士

autoは要素によって挙動が異なることがあるけど、stretchは一貫して利用可能なスペースを最大限に活用するようになっているでやんす。特にフォームコントロールなどでは便利さ倍増でやんす。

やきう

それならワイのサイトもこれから全部stretchにしたろかな。楽できるんなら大歓迎や！

ずん

ボクも早速試してみたいのだ。でも...CSS書く前にまずHTML覚えないとダメだったのだ...