DD_log / HTML,CSS,Javascript,Wordpressの解説や雑感サイト

CSSのプロパティ「display」についての解説です。

display

displayは要素の表示形式を指定するプロパティです。

xhtmlなどで使用される要素は大きく分けて「ブロックレベル要素」と「インライン要素」に分けられます。

それぞれに特徴があるため、そのままの表示形式ではできないことがあります。

例えば「インライン要素に対して幅(width)や高さ(height)の指定が効かない」ということがあります。

これはインライン要素が「文章の一部」として理解される要素であるからで、幅は文字の数、高さは文字の大きさとなるからです。

そのためインライン要素であるa要素などに幅や高さを指定したい場合は、下記の記述で表示形式をブロックレベル要素に変更するための指示を出します。

この記事の続きを読む

(Floating Holiday Candles in Reflection Pool By aimilino01)

CSSのプロパティ「float」についての解説です。

float

floatは指定した要素の後に続く要素の回り込みを指定します。

通常ブロックレベル要素は前後に改行が入るため上下に並ぶことになります。ブロックレベル要素同士(またはブロックレベル要素とインライン要素)を左右に並べるためによく使用されるプロパティです。

例えばboxというクラス名のdiv要素にfloatの指定をします。

この記事の続きを読む

CSSのプロパティ「border」についての解説です。

この記事の続きを読む

CSSのプロパティ「text-align」 「line-height」についての解説です。

• text-align : 値　 (文字の揃えを指定)
• line-height : 値 (文字の行間を指定)

この記事の続きを読む

文字に関するCSSのプロパティ「color」 「font-size」 「font-family」についての解説です。

この記事の続きを読む

CSSのプロパティ「background」についての解説です。

この記事の続きを読む

 CSSのプロパティ「margin」と「padding」についての解説です。

この記事の続きを読む

CSSのプロパティ「width」と「height」についての解説です。

この記事の続きを読む

よく使用するCSSのプロパティ一覧を紹介します。
それぞれのプロパティに関する具体的な解説は徐々に追加していきます。

【よく使用するCSSプロパティ一覧】

この記事の続きを読む