displayとは、inlineやblockの違い
displayについて
- プロパティの一つで、要素の表示形式を決めるもの
- displayに対して、表示形式を指定する値が「inline」や「block」である
inlineやblock、inline-blockにはそれぞれ初期設定値が決まっていたり、指定できることとできないことがあります!
例えばblockは改行されるが、inlineは横並びになる。
inlineは幅や高さの指定ができないため、左右のpaddingとmarginしか指定できない。(widthやheightなどで指定できないということ)
blockはtext-alignの指定ができない(text-alignはまた別の機会に説明)
などなどルールがあるので頭に入れておくように!
inline-blockとは
inline-blockとはinlineのように横並びになっているblock。
なので幅や高さを指定することはできる。
今回新しく知った情報
- 「vertical-align」 => text-alignの縦バージョン
- 「list-style-type: none;」 => ul要素の箇条書きのボッチを消す