CSS

The padding-left property is a CSS property that adds space to the left side of an HTML element.

padding-left

　padding-leftプロパティは、HTML要素の左側の余白を設定するために使用されます。CSSで余白を設定すると、要素の周りに空白を作ることができ、テキストや画像がより読みやすくなります。

　padding-leftプロパティは、次のように指定します。

selector {
	padding-left: value;
}

　ここで、selectorは要素を指定するためのセレクタです。valueには、余白の大きさを指定する値が入ります。値は、ピクセル（px）、パーセント（%）、emなどの単位で指定することができます。

　例えば、次のような CSSコードを考えてみましょう。

p {
	padding-left: 20px;
}

　これは、すべての <p>要素に左側に 20ピクセルの余白を追加することを指示します。

　また、padding-leftプロパティは、ショートハンドで指定することもできます。たとえば、padding: 10px 20px 30px 40px;は、上から時計回りに、上側、右側、下側、左側の余白を指定します。左側の余白が 40ピクセルに設定されていることに注意してください。