displayプロパティ:block、inline、inline-block

属性の表示

display CSSプロパティは、要素をblockまたはinline要素として処理するために使用されます.htmlタグにはデフォルトの表示プロパティがあります.

block要素としてのタグ

<address>, <article>, <aside>, <blockgquote>,
<canvas>, <dd>, <div>, <dl>, <hr>, <header>,
<form>,<h1>, <h2>, <h3>, <h4>, <h5>, <h6>,
<table>, <pre>, <ul>, <p>, <ol>, <video>...

inline要素のタグとして使用します。

<a>, <i>, <span>, <abbr>, <img>, <strong>, <b>,
<input>, <sub>, <br>, <code>, <em>, <small>, 
<tt>, <map>, <textarea>, <label>, <sup>, <q>,
<button>, <cite>...

これらのデフォルト要素のプロパティは、displayプロパティで変更できます.

block, inline, inline-block

1. display : block;

エリアは長い時間を占めているので、隣に他の要素はありません.

widthとheightの値を指定できます.

の余白と塗りつぶしを指定できます.

2. display : inline;

占有領域は

要素と同じサイズです.

widthとheightの値を指定できません.

padding-top、padding-blottomの値を指定すると、領域は増加しますが、他の要素には影響しません.

margin-top、nargin-bowth値が適用されないことを指定します.

3. display : inline-block;

はinlineとblockのすべての特性を有する.

他の要素は

の横に表示される可能性があります.

widthとheightの値を指定できます.

の幅と高さの値が指定されていない場合は、要素のサイズと同じ領域が使用されます.