BBS
HTML
CSS
JavaScript
DHTML
フィルタ
CGI
アクセス向上
音楽&動画
カラー
画像
フォント
特殊文字
HP作成リンク
サイト宣伝リンク
ACCESS R
ホーム
>
CSS
>
CSSプロパティ
>
padding-top、padding-right、padding-bottom、padding-left
■padding-top、padding-right、padding-bottom、padding-left
パディングを上下左右別々に設定することが出来ます。
パディングを別々に設定するには、以下のプロパティにより行います。
設定方法
説明
padding-top
上枠指定
padding-right
右枠指定
padding-bottom
下枠指定
padding-left
左枠指定
複数の指定方法がありますので以下に示します。
padding-top、padding-right、padding-bottom、padding-left
パディングを上下左右別々に設定することが出来ます。
設定値
説明
mm、cm、in、pt、pc、em、ex、px
サイズ指定
%
%指定
auto
自動的にパディングを指定
inherit
継承
■ソース
<HTML> <HEAD> <META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css"> <TITLE>padding-top、padding-right、padding-bottom、padding-left</TITLE> <STYLE TYPE="text/css"> <!-- .p1 {background-color:yellow; border:5pt inset red; color:black; padding-top:10pt; } .p2 {background-color:yellow; border:5pt inset red; color:black; padding-right:10pt; } .p3 {background-color:yellow; border:5pt inset red; color:black; padding-bottom:10pt; } .p4 {background-color:yellow; border:5pt inset red; color:black; padding-left:10pt; } --> </STYLE> </HEAD> <BODY> <DIV CLASS="p1">パディングを上下左右別々に設定することが出来ます。</DIV><BR> <DIV CLASS="p2">パディングを上下左右別々に設定することが出来ます。</DIV><BR> <DIV CLASS="p3">パディングを上下左右別々に設定することが出来ます。</DIV><BR> <DIV CLASS="p4">パディングを上下左右別々に設定することが出来ます。</DIV><BR> </BODY> </HTML>
■実行例
「
padding-top:10pt
」となっています。
パディングを上下左右別々に設定することが出来ます。
「
padding-right:10pt
」となっています。
パディングを上下左右別々に設定することが出来ます。
「
padding-bottom:10pt
」となっています。
パディングを上下左右別々に設定することが出来ます。
「
padding-left:10pt
」となっています。
パディングを上下左右別々に設定することが出来ます。
■対応ブラウザ
padding-top、padding-right、padding-bottom、padding-left
設定値
IE3
IE4
IE5
IE5.5
IE6
N3
N4
N6
N7
O6
O7
mm、cm、in、pt、pc、em、ex、px
×
●
●
●
●
×
●
●
●
●
●
%
×
●
●
●
●
×
●
●
●
●
●
auto
×
●
●
●
●
×
●
●
●
●
●
inherit
×
×
×
×
×
×
×
●
●
×
●
[
ホーム
] [
CSS
] [
CSSプロパティ
] [
↑ページ最上部へ戻る
]
広告収入で収入アップ!!
あなたのホームページ・メールマガジンに広告を載せてみませんか?成功報酬型で広告費を支払うエーハチネットがおすすめ。私はこれで
月に5万円を稼いでいます!!
Copyright © 2000-2003 ACCESS R All rights reserved. Presented by Ruby