Web Developer's Room
HOME > スタイルシート リファレンス > レイアウト     

レイアウト

margin・・・margin-top,margin-right,margin-botto,margin-leftを設定する。
 例) td { margin: 10px 20px 30px 40px; }

margin-top・・・エレメントの上辺のマージン(余白)を指定する(pxや%,auto:自動)
 例) td { margin-top: 10px; }

margin-right・・・エレメントの右辺のマージン(余白)を指定する(pxや%,auto:自動)
 例) td { margin-right: 10px; }

margin-bottom・・・エレメントの下辺のマージン(余白)を指定する(pxや%,auto:自動)
 例) td { margin-bottom: 10px; }

margin-left・・・エレメントの左辺のマージン(余白)を指定する(pxや%,auto:自動)
 例) td { margin-left: 10px; }

padding・・・ padding-top, padding-bottom, padding-left, padding-rightを指定する。
 例) td { padding: 10px 20px 30px 40px; }
パディング・・・エレメントとそのマージンの間のスペース

padding-top・・・上辺のパディングを設定する(pxや%)
 例) td { padding-top: 10px; }

padding-right・・・右辺のパディングを設定する(pxや%)
 例) td { padding-right: 10px; }

padding-bottom・・・下辺のパディングを設定する(pxや%)
 例) td { padding-bottom: 10px; }

padding-left・・・左辺のパディングを設定する(pxや%)
 例) td { padding-left: 10px; }





スポンサードリンク


(C) Web Developer's Room All rights reserved.