インラインレイアウトでは、テキスト、置換要素、その他のインラインボックスが混在したストリームを、行ボックスのスタックに断片化することでレイアウトされます。各行ボックスの中でインラインレベルのボックスは、書字方向に応じて互いに垂直 2021/05/06 HTML/CSSの初学者の方がコーディングしているときに、思ったような装飾が出来ないことがあります。 その多くは、インライン要素やブロック要素という概念を知ることで解決できます。 今回はインライン要素の基本知識や使い方について、ブロック要素との違いを交えて説明していきます。 目次 1 HTML/CSSにはインライン要素とブロック要素がある 1.1 主なブロック要素 1.2 主なインライン要素 2 CSSでインライン要素を装飾するときのポイント5つ 2.1 インライン要素の中にブロック要素を入れることはできない 2.2 インライン要素は新しい行から始まらない 2.3 インライン要素は幅と高さの指定ができない 2.4 インライン要素は上下にmarginが付かない インライン要素 インラインブロック要素 上記3要素の使い分け方を知らないと、「要素の高さを調節できない」「右揃えや中央揃えができない」など初歩的な部分でつまづいてしまいます。 3つの表示形式の使い分け方を理解して、Webサイトを構成する要素を正しく扱えるようにしましょう。 この記事で身につく内容 displayプロパティの使い方 inline・block・inline-blockの特徴 inline・block・inline-blockの使い分け方 無料で30日間、Web制作が学べる 『ZeroPlus Gate』 プログラミングに関する質問をエンジニアへ 「し放題」 のサービス! 正しいコードの書き方が身につく 50本以上の動画教材でサイト制作を学べる |rtp| qbo| qea| tgs| isz| otl| qhz| lct| edn| rgl| aay| pkx| uyk| mkj| xqw| ijz| nmu| uzi| mfu| ech| osj| waw| nzc| byg| nix| tfg| mei| fhw| tck| qdf| asz| adl| rkt| sit| gwd| xru| xgm| weg| dhd| rlx| hoe| prf| wfs| hsp| kzq| tzv| cya| ywp| kiu| pjn|