PROGRAM

今回は、CSSの色指定の方法について、3つのパターンに分け、簡単に解説していきます。 色名 色名で簡単に色を指定することができます。 ただし、あらかじめ用意された色名しか使うことができません。 .hoge{ color: […]

PROGRAM

今回は、CSSの最初の要素や最後の要素の指定方法について、それぞれに分け、簡単に解説していきます。 最初の要素 最初の要素にスタイルを適用するには、:first-childの擬似クラスを使います。 :first-chil […]

PROGRAM

今回は、CSSで円を作る方法について、塗りつぶす場合と塗りつぶさない場合に分け、簡単に解説していきます。 塗りつぶす場合 円を作るには、border-radiusプロパティの値を50%にします。 円を塗りつぶす場合には、 […]

PROGRAM

今回は、CSSで三角形を作る方法について、各向きに分け、簡単に解説していきます。 上向き、下向き 上向きと下向きの三角形はborderで描けます。 左右のborderを透明にし、上向きは下、下向きは上のborderを着色 […]

PROGRAM

今回は、CSSのコメントアウトの書き方について、一行の場合と複数行の場合に分け、簡単に解説していきます。 一行コメント 一行コメントアウトは/*と*/で囲むことで可能です。 JavaScript等で使える//はCSSでは […]

PROGRAM

今回は、CSSでのクリックイベントについて、3つの実装方法に分け、簡単に解説していきます。 :activeを用いる :activeの擬似クラスでクリックイベントを実装できます。 :activeの擬似クラスでは、要素を選択 […]

PROGRAM

今回は、CSSのキャッシュへの対処方法について、3つのパターンに分け、簡単に解説していきます。 更新されない場合はキャッシュ削除 CSSを変更したにも関わらず、更新されない場合があります。 これは、古いCSSがブラウザに […]

PROGRAM

今回は、CSSでの奇数や偶数、倍数の指定方法について、それぞれに分け、簡単に解説していきます。 奇数 奇数番目の要素を指定するには、擬似クラスを使います。 要素:nth-child(odd)で、奇数番目の要素のみに絞り込 […]

PROGRAM

今回は、CSSで文字列を改行させない方法について、その方法と枠を超えた文字列の取り扱い方に分け、簡単に解説していきます。 文字列を改行させない 文字列を改行させないためには、white-spaceプロパティを使います。 […]

PROGRAM

今回は、CSSでオーバーレイを実装する方法について、HTMLとCSS、JavaScriptに分け、簡単に解説していきます。 HTML HTMLではオーバーレイ用のdiv要素を用意します。 このdiv要素にはidを付与し、 […]