English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS基礎チュートリアル

CSSボックスモデル

フィルタ(Filters)3基本教程

CSS

CSS @ルール(At)

CSS パディング(填充)

CSS @font

faceルール

CSSのpadding(padding)は、要素の枠と要素の内容間のスペースを定義するショートカット属性です。これには、上下左右の内余白が含まれます。CSSのpadding属性-CSSのpadding属性は、要素の枠と内容を分けるエリアを設定することができます。paddingは、background

color

フレームの影響。

。1 例
    bottom-各面のpaddingを定義する 10px
0px
{
    bottom-CSSのpadding属性を使用して、要素の異なる側(例えば、トップ、右側、ボトム、または左側)に異なるpaddingを簡単に指定できます。 2h
    bottom-bottom: 5h
0px
px;/}

top:

left:bottom-paddingショートカット属性rightbottom-padding属性は、各側に個別にpaddingを設定することを避けるために、ショートカット属性です。rightbottom-toprightbottom-、padding

。1 例
    0px; 10p { 2h
0px
{
    0px; 10p { 15p { 2padding: 25px
0px
px;/}

テストを見て‹注意:CSS

margin

  • 属性が異なる場合、padding属性の値は負であってはなりません。マージン属性と同様に、padding属性のパーセント値は生成されたボックスの含まれるブロックの幅を指します。設定された場合、このpadding属性は1、2、3、または4つのスペースで区切られた値を取ることができます。1つの値

  • 指定された場合、最初の値はトップに、次の値は左側および右側に、最後の値はボトムに適用されます。すべての4つの側面に適用されます。2つの値

  • 指定された場合、最初の値はトップに、次の値は左側および右側に、最後の値はボトムに適用されます。最初の値はトップおよびボトムに、次の値は右側および左側に適用されます。3つの値

  • 指定された場合、最初の値はトップに、次の値は左側および右側に、最後の値はボトムに適用されます。4つの値、それらを指定された順序でトップ、右側、ボトム、そして左側に適用します。