CSS-Styling
メニュー
- トップ
- 掲示板
- リンク
- お気に入りに追加（IEのみ）
CSS
- 基本
- CSSとは？
- 基本
- セレクタの種類
- 記述の仕方
- 単位について
- 色
- カラー指定
- フォント
- フォントの指定
- フォントのサイズ指定
- フォントの太さ指定
- フォントを斜体
- フォントをまとめて指定
- テキスト
- 文字の水平位置
- 文字の垂直位置
- 文字の行間を指定
- 文字の間隔を指定
- 文字のインデントを指定
- 文字の装飾
- リンク
- 未訪問リンク
- 既訪問リンク
- マウスが乗った時
- マウスを押した時
- ボックス
- ボックスの基本
- マージンの指定
- 余白の指定
- 幅と高さの指定
- ボーダー（枠線）
- ボーダーのスタイル指定
- ボーダーのカラー指定
- ボーダーの太さを指定
- ボーダーをまとめて指定
ボックス
ボックスの基本
内容とマージン・パディング・ボーダーの関係を理解しておきましょう。
（上）margin-top: 値;
（右）margin-right: 値;
（下）margin-bottom: 値;
（左）margin-left: 値;
まとめて指定する場合は上、右、下、左（時計回り）で指定します。
margin : （上） （右） （下） （左）
値の数によって解釈が変わってきます。
値が１個； margin: （上下左右全て）
値が２個； margin: （上下） （左右）
値が３個； margin: （上） （左右） （下）
（上）padding-top: 値;
（右）padding-right: 値;
（下）padding-bottom: 値;
（左）padding-left: 値;
まとめて指定する場合は上、右、下、左（時計回り）で指定します。
padding : （上） （右） （下） （左）
値の数によって解釈が変わってきます。
値が１個； padding: （上下左右全て）
値が２個； padding: （上下） （左右）
値が３個； padding: （上） （左右） （下）
widht: 幅;
height: 高さ;
尚、IEの互換モードでは内容に余白（padding)を含んだ表示をされるので
レイアウトの際は注意が必要です。
