2009年2月 6日
ブロックレベル要素とインライン要素
ブロックレベル要素
address、blockquote、center、dir、div、dl、fieldset、
form、hx、hr、isindex、menu、multicol、noframes、noscript、ol、p、
pre、table、ul
インライン要素の比較
a、abbr、acronym、applet、b、basefont、bdo、big、blink、
br、button、cite、code、dfn、em、embed、font、i、iframe、ilayer、img、
input、kbd、label、layer、 map、nobr、nolayer、object、q、rb、rp、rt、ruby、
s、samp、script、select、small、 spacer、span、strike、strong、sub、sup、
textarea、tt、u、var、wbr
置換要素
特徴として、幅(width)や高さ(height)を指定できるなど
今まで、使用書をざっと読んでいましたが、置換要素ってなんかピンとこなかったので翻訳しているCSS2仕様の3. 適合性: 必要条件と推奨事項、9. 視覚整形モデル、10. 視覚整形モデル詳細を重点的に読んでみました。むずかしい!
hr、isindex、applet、button、embed、iframe、ilayer、img、input、
layer、object、select、spacer、textarea
インライン要素の注意すべきポイント(古いブラウザは、違う場合あり)
- width,height
- 指定不可
- margin
- 上下は、無視される。(レイアウト影響なし)、左右は、最初の文字の左側と最後の文字の右側に適用される。
- padding
- 上下は、適用される。(ボーダーの位置に影響がでる)左右は、最初の文字の左側と最後の文字の右側に適用される。
- border
- 上下は、適用されるが他の行に重なる場合あり。左右は、最初の文字の左側と最後の文字の右側に適用される。
トラックバック(0)
このブログ記事を参照しているブログ一覧: ブロックレベル要素とインライン要素
このブログ記事に対するトラックバックURL: http://magic-happens.net/mt/mt-tb.cgi/63
コメントする