ボックスモデルを極めるためのCSSプロパティ、10選
borderプロパティ borderプロパティは、ボックスのmargin（マージン）とpadding（パディング）の間にある“けい線”のいろいろなプロパティを表すプロパティです。 borderプロパティを使えば、上下左右のボーダーを一括で指定できます。また、border-top、border-bottom、border-left、border-rightといったプロパティのショートハンドプロパティとして使用されます。 詳しくはコチラ→ border “けい線”のいろいろなプロパティを表すborderプロパティ border-topプロパティ border-topプロパティは、ボックスのmargin-top（マージントップ）とpadding-top（パディングトップ）の間にある上側“けい線”のいろいろなプロパティを表すプロパティです。 border-top-width、border-top-
ボックスモデル｜CSSの基本｜CSS HappyLife ZERO
ボックスモデルの概念 文書内のすべての要素は、ボックスと呼ばれる四角形の領域を生成します。 各ボックスは、テキストや画像などの内容領域（Content Area）を持っており、その周辺に、パディング（Padding）、ボーダー（Border）、マージン（Margin）の順に周辺領域を持つ事が有ります。領域の大きさは、各プロパティによって指定する事ができます。 また、この各領域の境界を「辺」（Edge）と呼びます。この「辺」は上下左右の4辺に分ける事が可能で、それぞれにスタイルを指定する事ができます。 内容領域（Content Area） テキストや画像などが表示される領域です。 この内容領域の、幅はwidthプロパティ、高さはheightプロパティを指定する事で任意の幅と高さにする事ができます。 また、backgroundプロパティの指定が有る場合、内容領域とパディングに背景が表示されます
IE6.0後方互換モードのまとめ｜クロノドライブ
IE6.0後方互換モードとは IE6.0後方互換モードとは、古いバージョンの独自仕様または誤った解釈で表示するモードのことです。 通常、この後方互換モードを意図して使うことはあまりないと思いますが、XHTMLの正しい文法としてXML宣言をするとIE6のバグ(※1)で後方互換モードになってしまいます。 ※1．正しくは、XML宣言に限らずDOCTYPE宣言の前に、テキストなどが入ると後方互換モードになってしまいます。 IE6後方互換モードと標準準拠モードの違い 後方互換モードでは以下のようになります。 ◇margin: auto が適用されない text-align でブロック要素も左・中央・右寄せが出来ます。注意点としてはスタイルプロパティが子孫要素へ継承されてしまうので直後の子要素に text-align を指定し直しましょう。 ◇ボックスモデルの幅を求める計算が違う 後方互換モードでは、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
連載インデックス「Webブラウザ別CSSハック＆フィルタTips」 - ＠IT
HTML5ホームページテンプレート無料配布 [Cool Web Window]
