グレートブロガー養成講座!可能性が広がる魅力的なブログの作り方とは? -6ページ目

clearプロパティ:プロパティの意味と使い方

  • CSSの簡単な説明(CSSの基本を最初にお読みいただく方が良いかと思います。)
  • floatプロパティで設定して、
    左または右に配置されたボックスの浮動化による回り込みを解除する設定をします。
  • clearプロパティに指定する値には『right』(右に浮動化されたボックスに対する回りこみの解除),『left』(左に浮動化されたボックスに対する回りこみの解除),『both』(左右両方の浮動化に対する回りこみの解除),『none』(これが初期値で回り込みの解除をしない)といったキーワードを指定します。
  • 実際には『both』を用いる機会が多いかと思います。
  • 値の継承はしません。





はじめての方はこちらからどうぞ

floatプロパティ:プロパティの意味と使い方

  • CSSの簡単な説明(CSSの基本を最初にお読みいただく方が良いかと思います。)
  • ボックスの浮動化を設定します。
  • floatプロパティに指定する値には『right』(右に浮動化),『left』(左に浮動化),『none』(これが初期値で浮動化させない)といったキーワードを指定します。
  • floatプロパティは設定されたボックスを左または右に浮動化して反対側にテキストなどを回り込ませます。
  • positionプロパティで『absolute』か『fixed』を指定した要素には適用されません。
  • 値の継承はしません。





はじめての方はこちらからどうぞ

widthプロパティ・heightプロパティ:プロパティの意味と使い方

  • CSSの簡単な説明(CSSの基本を最初にお読みいただく方が良いかと思います。)
  • ボックス内容領域の幅をwidthプロパティで、高さをheightプロパティで設定します。
  • widthプロパティ・heightプロパティに指定する値には数値に単位を付けた『1px』,『1em』,『100%』といったものを指定します。
    • widthプロパティ・heightプロパティには『auto』というキーワード指定ができます。
    • 文字サイズや線の長さなどをプロパティの値に指定する単位は絶対指定と相対指定があります。
      ※%指定した場合、widthプロパティは親要素の横幅を・heightプロパティは親要素の高さを規準とした
      相対指定になります。
      絶対指定
      『in』(インチ),『cm』(センチメートル),『mm』(ミリメートル),『pt』(ポイント),『pc』(パイカ)など
      相対指定
      『em』(エム),『ex』(エックスハイト),『px』(ピクセル),『%』(パーセント)など
  • 仕様では非置換インライン要素には適用されないことになっています。
    (img要素・input要素・object要素・select要素・textara要素
    といった置換要素以外のインライン要素には適用されません。)
    ブラウザのバグにより反映する場合もありますが、正式には使えません。
  • 値の継承はしません。
  • 負の値は指定できません。





はじめての方はこちらからどうぞ