詳解逆引きHTML+CSS辞典

HTMLとCSSの基礎知識 - HTMLの要素はどう表示されるのか

登録タグ
Icon comment count 0
Icon stock count 0

HTMLの要素はどう表示されるのか

HTMLのタグによって作られた要素はどれも、ボックスと呼ばれる構造にしたがって描画されます。

ボックスの構造

この図にあるような余白や線は、最初からすべてが表示されているわけではありません。通常は、要素の種類によって適切な表示になるようにブラウザによって設定されています。たとえば一般的なブラウザでは、p要素は「線も内側の余白も表示させずに、上と下にのみ1行程度の外側の余白を表示させる」という状態になっています。

CSSを使用すると、境界線の線種(実線・点線など)と太さや色、上下左右別の余白などを自由に設定することができます。

出典情報

Medium

詳解逆引きHTML+CSS辞典

  • 著者: 大藤 幹

コメント

    コメントはありません