ホーム   »  スポンサー広告  »  スポンサーサイト   »  HTML  »  HTMLの間隔(空白)「margin、padding」を使いこなす

スポンサーサイト

広告
  
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


Yahoo!ブックマーク Googleブックマーク はてなブックマーク livedoorClip del.icio.us newsing FC2 Technorati ニフティクリップ iza Choix Flog Buzzurl 
ランキングはこちらをクリック!
▲ Page Top     

HTMLの間隔(空白)「margin、padding」を使いこなす

広告
  

HTMLの間隔(空白)「margin、padding」を使いこなす

間隔(余白)をあけたいときは、CSSの「margin、padding」を使います。

margin、paddingの違い
margin(マージン)外側の余白
padding(パディング)内側の余白


margin、paddingをイメージ
margin、paddingは、次のように「border」を境にして、外側の余白と、内側の余白を指定することができるのです。


margin指定方法
・個別指定
margin-top上マージンを指定する
margin-bottom下マージンを指定する
margin-left左マージンを指定する
margin-right右マージンを指定する

・marginの省略
margin:0; (上下左右)
margin: 0 0; (上下) (左右)
margin:0 0 0; (上) (左右) (下)
margin:0 0 0 0; (上) (右) (下) (左)


padding指定方法
・個別指定
padding-top上パディングを指定する
padding-bottom下パディングを指定する
padding-left左パディングを指定する
padding-right右パディングを指定する

・paddingの省略
margin:0; (上下左右)
padding: 0 0; (上下) (左右)
padding:0 0 0; (上) (左右) (下)
padding:0 0 0 0; (上) (右) (下) (左)


関連記事
スポンサーサイト


Yahoo!ブックマーク Googleブックマーク はてなブックマーク livedoorClip del.icio.us newsing FC2 Technorati ニフティクリップ iza Choix Flog Buzzurl 
ランキングはこちらをクリック!
▲ Page Top     

Comment
Trackback
Trackback URL
Comment Form
管理者にだけ表示を許可する
サイト紹介

仕事で遭遇したトラブル対応をまとめたサイト。インフラエンジニア、サーバエンジニアとしてスキルアップするための情報(IT講座、Linux、Postfix、PostgreSQL、MySQL、Apache、Java、セキュリティ対策、おすすめ書籍)提供します。
全記事表示リンク
カテゴリ
スポンサーリンク

サーバエンジニアのための書籍
プロフィール

hotally

Author:hotally
仕事:インフラエンジニア
取得資格:第2種基本情報処理
     情報セキュリティスペシャリスト
     ネットワークスペシャリスト
     PostgreSQLCE シルバー

アクセスランキング
[ジャンルランキング]
コンピュータ
618位
アクセスランキングを見る>>

[サブジャンルランキング]
Webサービス
27位
アクセスランキングを見る>>
ブログ
最新記事
カテゴリークラウド
スポンサーリンク


RSSリンクの表示
リンク
ブロとも申請フォーム
QRコード
QR
Lc.ツリータグリスト
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。