お取り寄せいいもの見つけたよ!

お取り寄せいいもの見つけたよ!

PR

購入履歴

ファッション ブランド ブレアゾン Jun Yoshida デザイン イタリア製 牛革 フィレンツェ ネイビー ローズ ブラック 黒 ローズ グレー グレージュ GIOVANNI ジョバンニ【 トートバッグ 】VREASON ヴレアゾン 日本製 本革 トート バック A4 ファイル フォーマル ビジネス 雑誌 収納 ハンド バッグ バック カブセ 2本手 レディース レザー 本革 牛革 革 皮 人気 トレンド 使いやすい 機能的 充実 おしゃれ カラー きれい 可愛い かわいい 黄金比
ファッション ブランド ブレアゾン Jun Yoshida デザイン イタリア製 牛革 フィレンツェ ネイビー ローズ ブラック 黒 ローズ グレー グレージュ GIOVANNI ジョバンニ【 トートバッグ 】VREASON ヴレアゾン 日本製 本革 トート バック A4 ファイル フォーマル ビジネス 雑誌 収納 ハンド バッグ バック カブセ 2本手 レディース レザー 本革 牛革 革 皮 人気 トレンド 使いやすい 機能的 充実 おしゃれ カラー きれい 可愛い かわいい 黄金比
ファッション ブランド ブレアゾン Jun Yoshida デザイン イタリア製 牛革 フィレンツェ ネイビー ローズ ブラック 黒 ローズ グレー グレージュ GIOVANNI ジョバンニ【 トートバッグ 】VREASON ヴレアゾン 日本製 本革 トート バック A4 ファイル フォーマル ビジネス 雑誌 収納 ハンド バッグ バック カブセ 2本手 レディース レザー 本革 牛革 革 皮 人気 トレンド 使いやすい 機能的 充実 おしゃれ カラー きれい 可愛い かわいい 黄金比
令和5年産 玄米 30kg ななつぼし 北海道 送料無料 精米無料
ミニサイズのLEDライト。小さくてもハイパワーです。LED5灯 ミニ懐中電灯 防災グッズLEDライト

カレンダー

プロフィール

か ず さ か

か ず さ か

サイド自由欄











2006年01月30日
XML



margin-top

←―→
margin
-left
枠 線
←―→
margin
-right




padding-top




←―→
padding
-left
ボックス領域は
枠線とpaddingを含みます

ボックスの内容領域は
枠線とpaddingを除いた部分です

←―→
padding
-right

padding-bottom

枠 線

margin-bottom


ボックスの概念
スタイルシートでは、すべての要素はボックスと呼ばれる四角い領域を持つと考え、この領域や領域を囲む枠線に対して大きさや色・位置の指定をすることでスタイルを変更することができます。
ボックスは、 「 内容領域・マージン・パディング・枠線 」の4つの部分から構成されています。


内容領域
テキストや画像など、要素の内容が表示される領域です。
幅(width) や 高さ(height) で  内容領域のサイズ  を指定します。


マージン
枠線の外側に設定される余白領域です。
要素のbackground-colorプロパティで指定した背景色はこの部分には適用されず、背景は常に透明になります。
そのため、親要素の背景画像が透けて見えます。


パディング
要素の内容が表示される部分と枠線との間の余白領域です。
要素のbackground-colorプロパティで指定した背景色はこの部分にも適用されます。


枠線
要素の周りに表示される枠で、パディングの外側に設定されます。


背景色・背景画像
内容領域とパディング領域(枠線の内側)に表示される色や画像です。

ブログを飾る小技! 今日の順位は 人気blogランキング


HTMLタグ辞典第5版
スタイルシート辞典第3版

スタイルシート辞典第3版






お気に入りの記事を「いいね!」で応援しよう

最終更新日  2006年02月08日 21時48分56秒
コメント(4) | コメントを書く
[カレンダーテーブル他] カテゴリの最新記事


【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

© Rakuten Group, Inc.
X
Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: