スポンサーリンク

paddingの指定の仕方・内枠からの距離を指定する

 paddingはスタイルシート(CSS)の指定のひとつ。

 内枠からの距離を指定するスタイルシートだ。

 FC2ブログのテンプレートにも、paddingが使われている場合が多い。


paddingによるスタイルシート(CSS)の指定

1)padding: 1px; … [上下左右] を指定

2)padding: 1px 10px; … [上下] と [左右] を指定

3)padding: 1px 10px 6px; … [上] と [左右] と [下] を指定

4)padding: 1px 4px 6px 10px; … [上] と [右] と [下] と [左] を指定

 

*PXでの指定だけでなく、他の単位の指定もできる。

*単位を省略することもできる。


paddingでスタイルシート(CSS)を指定した例

1)padding: 1px;のスタイルシート指定の表示例

padding: 1px;の表示例

2)padding: 1px 10px;のスタイルシートの表示例

padding: 1px 10px;の表示例

3)padding: 1px 10px 6px;のスタイルシートの表示例

padding: 1px 10px 6px;の表示例

4)padding: 10px 4px 6px 10px;のスタイルシート指定の例

padding: 10px 4px 6px 10px;の表示例


 いや、この間、FC2ブログのスタイルシートでpaddingの指定がしてあるのに気がつかず、『何で、ここまでしか、文字が入らないんだろう?』と散々悩んだの・・・。

 その後も上下左右の指定を間違えて記憶したりしてて。

 

 ちょっと苦労したのでした。

スポンサーリンク

シェアする

フォローする