画像の最大幅を calc() で制御する
画像の幅をコンテンツに合わせてフレキシブルにしたい場合、親要素の幅を超えないようにするには CSS の max-width プロパティに 100% を指定する。 img { max-width: 100%; border: 1px solid silver; padding: 0.25em; } ただ、画像にパディングやボーダーを持たせた場合、その分が親要素の幅より大きくなってしまうことがある (Fig 1)。 Fig 1: パディングとボーダーを持つ画像に `max-width: 100%;` を指定すると、親要素の幅を越えてしまうことがある これをつねに親要素に収めるようにするには、box-sizing プロパティを利用して画像の幅がパディングとボーダー込みで算出されるようにする、という手がある。 img { max-width: 100%; border: 1px solid sil
ホームページを無料で作成
サイトを無料で作るには?作りたいサイトの内容を伝えようサイトや事業内容などについて簡潔でわかりやすい説明をしてください。サイトの目的は？他と違う機能、商品やサービスは何ですか？ 好きなデザインを選ぼう提案されたサイトデザインから、あなたのビジョンやブランドアイデンティティに一致する1 つを選択します。AIサイトジェネレーターが新しいサイトにテキストと画像を自動的に追加します。 自分好みにサイトを作って公開しようウェブサイトエディターで最後の仕上げをして、独自のサイトを完成させ、世界に向けて発信しよう。
News in Levels « World News for Students of English
21-01-2026 07:00 In China, many people use a phone app. The app helps them feel safe. The app asks one question each...
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
