Categories: html css js

CSS ブロック要素とインライン要素

 HTML で表示されるすべてのタグには、dispalyというプロパティを持ちます!
displayプロパティの値は、代表的なものが4つあります。block,inline,inline-block,noneです。

各dispalyプロパティ値によって、幅・高さ、余白、文字揃え(左右、上下)
指定できるもの、できないものが別れます

block(ブロック要素)の解説

・ブロック要素とは
1つの独立した段落のように扱われるもの。コンテンツをまとめるブロック
開始タグと終了タグで囲ったモノを一つのブロックにする

幅 width
・指定できる。デフォルトは親要素の100%

高さ height
・指定できる

余白 padding margin
・指定できる

文字揃え text-align vertical-align
・ 指定できない

横並び 
・ float,flexbox等を使う。

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

6ヶ月で未経験からWebデザイナーになる!

 デジタルハリウッド STUDIO by LIG
 https://px.a8.net/svt/ejp?a8mat=3B53AT+C6720I+4704+5YZ77

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

upandup

Web制作の記事を中心に、暮らし、ビジネスに役立つ情報を発信します。 アフィリエイトにも参加しています。よろしくお願いいたします。