BLOGブログ

BLOG

5

widthからpaddingがはみ出る!時の対処法

Webサイト制作

widthを25%にして画像を4つに並べてみよう、あ!でも画像がの間にpaddingを入れて少し空間を空けたいなって時ありませんか?
そんな時はbox-sizingを使いましょう!
横幅(width)や高さ(height)の中にpaddingとborderを含めるか設定できる便利なプロパティです。

box-sizing : content-box 初期値で幅と高さは含めない
box-sizing:border-box paddingとborderの幅を含める

RELATED

関連記事

コメント

この記事へのコメントはありません。

PAGE TOP