padding(パディング)とは要素の境界線から”内側の余白”を指定するプロパティのことを指します。
主にコンテンツの中の要素(テキストや画像）がコンテンツ幅の境界線に直接触れないようにしたいときに用いられ、レスポンシブ時もコンテンツや画面幅が狭まっても削れることがないため、現代のWebサイトにおいては欠かせないプロパティです。
また余白と称されるものの、要素の中身を増やして距離を出している性質上、バックグラウンドカラー(background-color)やバックグラウンドイメージ(background-image)の対象エリアであり、要素の背景をより伸ばしたい際にも活躍します。

似た概念にmargin(マージン)が存在しますが、こちらは要素の外側に向かって余白を作成するプロパティであり、主に要素同士の距離の確保や要素を真ん中に配置する際に用いられます。
padding(パディング)と合わせて非常に欠かせない概念のため、Webデザインを学ぶ場合は必ず違いを認識しておきましょう。

当社では、Webパフォーマンスを意識し、ユーザーに配慮したサイト制作を行っています。
デザイン制作の事なら豊島区のデザイン・システム会社のブルートラストへお気軽にお問い合わせくださいませ。

お問い合わせは こちらのフォームをご利用ください。