目次を飛ばして本文へ パン屑リストへ
関連プロパティ

padding

対応状況
N7.0
Win
N6.0
Win
e6.0
Win
e5.5
Win
e5.0
Win
e5.0
Mac
e4.5
Mac
O7.0
Win
O6.0
Win
[ <長さ> | <パーセンテージ> ]{1,4} | inherit
初期値 簡略化プロパティなので定義しない
適用 セル要素を除く表関連要素以外の要素
継承 しない
レベル -
値の範囲 "0"以上
パーセンテージ コンテナブロックの幅を参照
メディア visual

このプロパティを使うと、'padding-top'、'padding-right'、'padding-bottom'、'padding-left'という4つのプロパティを一ヶ所で指定出来ます。

書き方は、以下の通りです。0時から時計回り、足りない値は対辺から、と覚えると良いです。基本的にこの手の簡略化プロパティは、すべてそうです。
div { padding: 2em }            /* 四辺とも 2em */
div { padding: 1em 2em }        /* 上と下が 1em、右と左が 2em */
div { padding: 1em 2em 3em }    /* 上1em、右と左2em、下3em */
div { padding: 1em 2em 3em 4em }/* 上1em、右2em、下3em、左4em */

パディング領域の背景は、背景関連のプロパティで指定します。

InternetExplorerでは th, td のパディングの初期値は1pxになっています。

注意点
  1. 'padding-top'も'padding-bottom'も、パーセンテージで参照するのはコンテナブロックの高さでは無くです。

page top
最終更新日:2018年07月18日
Copyright © 2002-2018 ばあど All Rights Reserved.