Simple HTMLHTMLリファレンス

Main Menu

おすすめリンク

Site Info.

CSSプロパティ

HTMLリファレンス

CSSリファレンス

その他の記事

CSSリファレンス インデックス

スポンサーリンク

CSSリファレンス

PADDINGパディングTOPCSSPropertiesPadding

  1. paddingパディング

paddingパディング

プロパティの値<padding-width>{1,4} | inherit
初期値0 (各部パディングの値)
対象要素全要素(一部のテーブル構成要素を除く)
継承しない
%親ブロックの'width'値に対する割合
メディアvisual
W3C Ref.CSS2.1CSS3

プロパティの書式と機能

パディング(上下左右)の幅を指定します。

Box model padding
プロパティの書式機能
padding: <padding-width>パディングの幅を指定
padding: inherit継承

プロパティの値 (<padding-width>で指定可能な値)

padding: <length>

padding幅を<length>で指定します。マイナス値も有効です。

padding: <percentage>

指定した要素の横幅の最大値に対する割合をパーセンテージで指定します。上下パディングについても幅が基準値となることに注意する必要があります。

識別子によるプロパティの個別記述

-top, -right, -bottom, -left の識別子を付加することにより、上下左右のパディングの個別指定が可能です。

プロパティの書式機能
padding-top: <padding-width>上部パディングの幅を指定
padding-right: <padding-width>右側パディングの幅を指定
padding-bottom: <padding-width>下部パディングの幅を指定
padding-left: <padding-width>左側パディングの幅を指定

値のショートハンド記述

指定する値の個数によって、指定できる箇所が変わります。

プロパティの書式機能
padding: <p1>パディングの幅をまとめて一括指定 (上下左右)
padding: <p1> <p2> パディングの幅を指定 (上下 - 左右)
padding: <p1> <p2> <p3>パディングの幅を指定 (上 - 左右 - 下)
padding: <p1> <p2> <p3> <p4>パディングの幅を指定 (上 - 右 - 下 - 左)
スポンサーリンク
Copyright (C) 2010 Simple HTML. All Rights Reserved.