テーブルセルや画像には、border属性を記述することで枠線を表示させることができます。この他に、（border）を使用することでテーブルセルや画像以外の様々な要素に、枠線をデザインすることが可能です。 今回はその枠線の設定の仕方をご紹介します。 枠線の設定の仕方 要素 { border: 太さ 線の種類 色; } 実際に記述する場合はこの様になります。 要素 { bo……

cssを記述していくと（float）プロパティを利用して、div要素を指定した位置に配置していくことでデザインを作り込んでいくことになると思います。しかし、この（float）プロパティは解除を行わないと、上に配置されているdiv要素のfloatにより、下に配置された要素が回りこんでしまったりして、デザインを崩れさせてしまいます。そんなデザインの崩れを防ぐために、今回は回りこみの解除の方法をご紹介し……

cssを記述していくと、指定したボックスの大きさでは中に製作したテキストや画像などが入りきらない場合が出てきます。そんな場合に（overflow）プロパティを使うことで、ボックスに入りきらない部分の表示を設定することができます。 今回は、その（overflow）プロパティの使い方をご紹介します。 overflowプロパティの使い方 要素 { 　　　　overflow: 種類; } 実際の記述の仕方……

昔は角丸を使用したい場合、四隅の角の画像を用意して要素の角丸をデザインしていました。 しかし、今ではcssの（border-radius）プロパティを使用することで、簡単に角丸を表示することが可能です。 今回は、そんな（border-radius）の使い方をご紹介します。 border-radiusの使い方 （border-radius）プロパティは、ボックスの４方向の角を全て丸くデザインします。……

文字のフォントサイズを調整する場面は、cssを記述していると必ず出てくるので、しっかりと覚えておきたいですよね。そんなフォントサイズの指定方法を今回はご紹介します。font-sizeの使用方法フォントサイズを変更するには、（font-size）プロパティを利用します。値には３つ種類があるので１つづつ見ていきましょう。単位で値を指定するpx/em/exなどの単位を使った数値を値に入れる方法です。fo……

（font-family）はフォントを指定するプロパティです。フォントを変更することで、よりデザインが豊かになります。しかし、指定したフォントをユーザーも所持しているとは限りません。ユーザーが所持していないフォントの場合は、指定されたフォントは表示されず、デフォルトのフォントが表示されることになります。今回は、（font-family）を使用する際の注意点や実際の記述の方法を紹介します。フォントの……

CSSを記述する時に、記述する場所は大きく分けて２つあります。HTMLと同じファイル内に書き込む方法と、別のファイルに記述したものをHTML内で呼び出して適用する方法です。CSSの記述の量が増えるとコードがややこしくなってしまいますし、外部ファイルにすることで別のHTMLファイルからも簡単に利用することができます。とても簡単に出来るので、必ず覚えておくようにしましょう。今回は外部ファイルのスタイル……

デザインによって複雑なレイアウトを作るには、positionプロパティを使う必要あります。 positionプロパティには「absolute」「relative」「fixed」「static」があり、static以外のpositionプロパティを使用する場合は、top, bottom, left, rightのプロパティを必要に応じて併用します。そうすることで、ボックスの配置方法、上下左右の距離を……

文章が長くなったりした時やデザインの問題によって、そのままの行間では文章が読みにくくなることがあります。そんな時はline-heightという行間を調節するプロパティを使用することで、行間を調節します。指定の値初期値初期値は（normal）になります。ブラウザ指定の行間です。絶対値絶対値の単位には（px, cm, mm, in, pc）があります。この中でよく使用されるのはpxです。pxは、１ピク……

PHPでの変数の利用は一般的な言語とそれほど変わるものではありません。しかし、変数のスコープについては注意しなければならない点があります。グローバル変数の扱いが一般的な言語とやや異なります。グローバル変数とローカル変数グローバル変数（大域変数）とはファイル全体で有効な変数のことです。その対義語としてローカル変数（局所変数）があります。ローカル変数の例としてわかりやすいのは関数内の変数です。関数内で……