display属性は要素の性質を変更する属性です、ブロック要素をインライン要素に変更して、文字に改行を与えず文中に表示したり、インライン要素をブロック要素に変更して、文字などに改行を与え、見出しのような見栄えの要素を作成できます。
また、要素を表示しないようにも出来るので作成中のホームページにも多少便利です。
セレクタ{
display:block;
}
<p>タグの中に<a>タグを入れていますがブロック要素に変更していますので改行が入ってしまいます。
値 | 概要 |
---|---|
none | 要素を表示しない |
block | 要素をブロック要素に変更 |
inline | 要素をインライン要素に変更 |
display属性はあまり使用しませんが、改行を入れたいなどの場合、「block」が便利です。