background-color:背景色指定
プロパティ background-color 値 単位 | キーワード(下記参照) 対象 すべての要素 継承の有無 なし ポイント アクセシビリティ上、背景色と文字色はユーザーに見やすい設定にする。 background-color指定サンプル p{ background-color: red; } p{ background-color: #f00; } p{ background-color:...
View Articlebackground-image:背景画像指定
プロパティ background-image 値 URL 対象 すべての要素 継承の有無 なし ポイント アクセシビリティ上、背景画像と文字色はユーザーに見やすい設定にする。 background-image指定サンプル .sample{ background-image: url(sample.jpg); } .sample{ background-image:...
View Articlebackground-repeat:背景画像の繰り返し
プロパティ background-repeat 値 キーワード(下記参照) repeat | repeat-x | repeat-y | no-repeat 対象 すべての要素 継承の有無 なし repeat(繰り返し) repeat-x(横方向に繰り返し) repeat-y(縦方向に繰り返し) no-repeat(繰り返しなし) background-repeatサンプル...
View Articlebackground-position:背景画像の配置
プロパティ background-position 値 単位 | キーワード(下記参照) [ left | center | right ] [ top | center | bottom ] [ パーセンテージ | px | em ]など 対象 すべての要素 継承の有無 なし background-positionサンプル 横方向 .sample{ background-image:...
View Articleclearfix:floatの解除
親ボックス内でfloatを解除する子ボックス[#footer{clear:both;}など]を設けない場合のfloat解除方法。 親ボックス内でfloatを解除しなかった場合、背景画像が表示されない、或いは親ボックスの下まで表示されない場合などに有効だが、基本的には親ボックス内でfloatを解除した方がbetter。 <div id="box"> <div...
View Article