CSSのpadding-leftは、要素の左側に余白を設定するプロパティです。padding-leftを使用することで、要素の左側に余白を設定し、見た目を整えることができます。
①padding-leftとは
padding-leftは、要素の左側に余白を設定するCSSのプロパティです。padding-leftを使用することで、要素の左側に余白を設定し、見た目を整えることができます。
②使い方
padding-leftを使用するには、以下のようにCSSの記述を行います。
例①
padding-left: 10px;
例②
padding-left: 20%;
例③
padding-left: auto;
上記のように、padding-leftにはpxや%などの単位を指定することができます。また、autoを指定することで、要素の左側に余白を設定することができます。
③実際試したところ結果
padding-leftを使用して、要素の左側に余白を設定してみました。以下のような結果が得られました。
結果を見る