CSSのwidth: 100%;のより良い代替手段として、stretchキーワードが実はかなり便利です | コリス
2024/11/22 17:25
人気記事
クラスの3軍男子が「超イケメン」に大変身…“陰キャ卒業”に成功した33歳男性が気づいた見た目を整えることの大切さ「いい縁を引き寄せるための第一歩」――2024年9月の読まれた記事1位 | 文春オンライン
集中力を高める「音楽」の特徴調査 ADHD症状への効果も示唆【研究紹介】 | レバテックラボ（レバテックLAB）
漫画家はすみとしこ氏に対する損害賠償請求訴訟の勝訴のご報告 - 塩村あやか公式サイト
清純派の朝ドラ女優から悪女役の濡れ場を経て…事務所を独立した国仲涼子（45）が、「夫・向井理と一緒はイヤ！」と語るワケ | 文春オンライン
「余命3ヶ月から生還しました」と事務所に手紙が…がん闘病中の梅宮アンナ（52）が明かす、がんになって掛けられた言葉 | 文春オンライン
ずん
CSSのstretchキーワードって、なんかすごい便利そうなのだ！でも、どうやって使うのだ？
でぇじょうぶ博士
おお、ずん君。stretchはCSSで要素を幅いっぱいに広げるための新しい方法でやんす。`width
やきう
ほーん、それがあればcalc()とか使わなくて済むんか？ワイは計算苦手やから助かるわ。
でぇじょうぶ博士
そうでやんす！デザイン変更時にも再計算不要だから、時間も節約できるでやんす。ただし、一部ブラウザではベンダープレフィックスが必要な場合があるので注意が必要でやんす。
ずん
なるほどなのだ。でも、autoとの違いって何なのだ？
でぇじょうぶ博士
autoは要素によって挙動が異なることがあるけど、stretchは一貫して利用可能なスペースを最大限に活用するようになっているでやんす。特にフォームコントロールなどでは便利さ倍増でやんす。
やきう
それならワイのサイトもこれから全部stretchにしたろかな。楽できるんなら大歓迎や！
ずん
ボクも早速試してみたいのだ。でも...CSS書く前にまずHTML覚えないとダメだったのだ...
新着記事
「キス待ち顔がかわいすぎる」イケメン若手俳優との“年の差BL”が話題に…風間俊介（42）が芸歴29年目で見せた大躍進 | 文春オンライン
「所帯を持ちます」45歳で結婚報告→吉川晃司60歳が年齢を重ねるほど魅力的になっているワケ | 文春オンライン
最新iPhoneはもはや高価に転売できる資産ではない。eSIM専用化で崩れた高額買取の方程式とは - はやぽんログ！
「2年生の対外試合がなくなってもいいんか？」中井哲之監督の“あるまじき発言”はなぜ当初問題視されなかったか《広陵高校の“闇”を問う》 | 文春オンライン
【解説】 アンティファとは？ なぜトランプ政権の標的になっているのか - BBCニュース
人気記事
クラスの3軍男子が「超イケメン」に大変身…“陰キャ卒業”に成功した33歳男性が気づいた見た目を整えることの大切さ「いい縁を引き寄せるための第一歩」――2024年9月の読まれた記事1位 | 文春オンライン
集中力を高める「音楽」の特徴調査 ADHD症状への効果も示唆【研究紹介】 | レバテックラボ（レバテックLAB）
漫画家はすみとしこ氏に対する損害賠償請求訴訟の勝訴のご報告 - 塩村あやか公式サイト
清純派の朝ドラ女優から悪女役の濡れ場を経て…事務所を独立した国仲涼子（45）が、「夫・向井理と一緒はイヤ！」と語るワケ | 文春オンライン
「余命3ヶ月から生還しました」と事務所に手紙が…がん闘病中の梅宮アンナ（52）が明かす、がんになって掛けられた言葉 | 文春オンライン
