HTML&CSS 背景画像の拡大縮小〜background-size
background-sizeプロパティについて
背景画像をCSSで設定するにはbackground-imageプロパティを使用します。
CSS3のbackground-sizeプロパティは、背景画像の幅・高さを拡大・縮小することが...
2014-06
HTML&CSS 
JavaScript JavaScriptの表示についてまとめ
JavaScriptを勉強するときのモヤモヤ
一般的にJavaScriptはブラウザで簡単に表示して使用できるイベントドリブンな言語だと説明されます。
確かにコンパイルの必要もないし、初心者に優しい言語にまちがいないようです。
さ...
HTML&CSS CSS2.1のセレクタの復習
CSS2.1 セレクタ
セレクタのパターンマッチ
パターン
名称
例
h1,h2,h3
グループセレクタ
...
HTML&CSS ネガティブマージン
ネガティブマージンは設定する方向で違った動きをします。
margin-leftとmargin-topはマージンを設定した要素がその方向へ動きます。
margin-rightとmargin-bottomの場合はマージンを設定した要素は動か...
HTML&CSS ナビゲーション作成のポイント
ul要素とli要素は初期状態ではマージンとパディングが設定されていますので、いったん０にリセットします。
li要素のマーカーを消すためlist-style-type:noneとします。
リンクであることがわかりやすいよ...
HTML&CSS floatとpositionを使用したレイアウト
赤、緑、青のdivでできたボックスが通常フローしています。
これにfloatを設定して次のように横並びにしたいのですが、うまくいきません。
通常フローのHTMLは次のようになっています。
フロートさせるためにcssは次のよ...
HTML&CSS textariaのリサイズを無効
フォームを作成する時に使用する複数行のテキストボックスはtextariaタグを使用します。
この複数行のボックスはユーザーが大きくしたり小さくしたりできます。
デザイン上拡大縮小を許したくない場合はCSSで次のように指定します。
HTML&CSS imgのフロート〜CSS フロートと回り込み
p要素の中のimgをフロートして右または左に移動させて、次の段落のp要素のテキストを回り込みをさせたい場合です。
imgの親要素にフロートをかける
HTMLのコードは次のようにimgを囲むp要素にclass名を付けて対象のp要素をフロー...
HTML&CSS body要素のマージン〜CSS marginの挙動
body要素のmarginはどのような挙動をするのでしょう。
一見ブラウザの表示領域の外に存在するように思えますが、実際はブラウザの表示領域内に存在します。
下の例ではmargin領域（黄色）が存在してその内側にボーダー（緑色）があり、...
HTML&CSS 単位emの使い方〜CSS
単位のエム（em)の定義は次のようになっています。
'em'という相対単位は、それが使われた要素の'font-size' の算出値を参照する。 例外は'font-size'自身にこの単位を用いた場合で、その時は親要素の'font-...