Warning: Undefined variable $i in /home/a11926240/programminglanguage7.com/public_html/wp-content/themes/dp-elplano/archive.php on line 142

Warning: Undefined array key "tweets_number_after_title_archive" in /home/a11926240/programminglanguage7.com/public_html/wp-content/themes/dp-elplano/archive.php on line 155

CSSのプロパティ(background-color)の使い方について知ろう知ろう7

この章ではbackground-colorプロパティについて説明します。 background-colorプロパティは背景色を指定する時に使います。 では例を見てみましょう。 基本的にはcolorプロパティと指定方法は同じでRGB値もしくは英字で色を記述します。 この例ではbodyの背景はすべてblue、そしてstro...

Warning: Undefined array key "tweets_number_after_title_archive" in /home/a11926240/programminglanguage7.com/public_html/wp-content/themes/dp-elplano/archive.php on line 155

CSSのプロパティ(text-align)の使い方について知ろう6

この章ではtext-alignプロパティについて説明します。 text-alignプロパティは「ブロック要素の中の文字や画像」や「セルの中の文字や画像」を指定した位置に行揃え(水平方向)します。 セルについては「テーブルを作ろう」で説明します。 では例を見てみましょう。 結果は以下の通りです。

Warning: Undefined array key "tweets_number_after_title_archive" in /home/a11926240/programminglanguage7.com/public_html/wp-content/themes/dp-elplano/archive.php on line 155

CSSのプロパティ(text-decoration)の使い方について知ろう5

この章ではtext-decorationプロパティについて説明します。 text-decorationプロパティは文字に下線を付けるなどの装飾を施します。 では例を見てみましょう。 結果は以下の通りです。普通の状態ではのように下線が入っていますが、と指定することで下線を消すことができます。 「blink」はブラウザによ...

Warning: Undefined array key "tweets_number_after_title_archive" in /home/a11926240/programminglanguage7.com/public_html/wp-content/themes/dp-elplano/archive.php on line 155

CSSのプロパティ(font-style)の使い方について知ろう4

この章ではfont-styleプロパティについて説明します。 font-styleプロパティは文字を斜めにしたりする機能があります。 では例を見てみましょう。 結果は以下の通りです。

Warning: Undefined array key "tweets_number_after_title_archive" in /home/a11926240/programminglanguage7.com/public_html/wp-content/themes/dp-elplano/archive.php on line 155

CSSのプロパティ(font-weight)の使い方について知ろう3

この章ではfont-weightプロパティについて説明します。 font-weightは文字の太さを指定するために使用します。 文字の太さを指定する方法は２つあり、１つ目は数値で指定する方法ですが、100から900までの数を指定します。 100が一番細く,900が一番太くなり、標準の太さは400です。 ２つ目は以下のよ...

Warning: Undefined array key "tweets_number_after_title_archive" in /home/a11926240/programminglanguage7.com/public_html/wp-content/themes/dp-elplano/archive.php on line 155

CSSのプロパティ(font-family)の使い方について知ろう2

この章ではfont-familyプロパティについて説明します。 font-familyは文書の書体を設定するプロパティです。 書体の種類はカンマで区切って複数並べることが出来ます。 先に記述した候補の順にフォントが選択されていき、最後に何も適用する書体が無い時に総称ファミリ(以下参考)が設定されることになります。 自身...

Warning: Undefined array key "tweets_number_after_title_archive" in /home/a11926240/programminglanguage7.com/public_html/wp-content/themes/dp-elplano/archive.php on line 155

CSSのプロパティ(font-size)の使い方について知ろう1

今までプロパティの中ではcolorだけしか使用してきませんでしたが、この章ではその他のCSSのプロパティについて説明します。 ではfont-sizeプロパティについて説明します。 これは文字のサイズを変更するためのプロパティです。 この他にも%,pt,px,emなどでもサイズを設定することが出来ます。 % では、親要素...

Warning: Undefined array key "tweets_number_after_title_archive" in /home/a11926240/programminglanguage7.com/public_html/wp-content/themes/dp-elplano/archive.php on line 155

子孫セレクタについて知ろう

この章では子孫セレクタについて説明します。 子孫セレクタとはの下位の階層に該当する要素にCSSを適用する場合に使います。 例えばp要素の中のstrongタグにだけCSSを適用させる時に使用します。 pはブロック要素であり、strongはインライン要素なので、pの方が上位の階層になります。 では例を見てみましょう。 この...

Warning: Undefined array key "tweets_number_after_title_archive" in /home/a11926240/programminglanguage7.com/public_html/wp-content/themes/dp-elplano/archive.php on line 155

疑似クラスについて知ろう

この章では疑似クラスについて説明します。 疑似クラスは要素の状態別にスタイルを適用させるクラスです。 a要素がセレクタとなり、 の４つの疑似クラスを使うことが出来ます。 これはリンクの状態によって色を変化させることに使われます。 「:link」はリンクが未アクセスの状態を表し、 「:visited」はリンクがアクセス済...

Warning: Undefined array key "tweets_number_after_title_archive" in /home/a11926240/programminglanguage7.com/public_html/wp-content/themes/dp-elplano/archive.php on line 155

IDセレクタについて知ろう

この章ではIDセレクタについて説明します。 IDセレクタもクラスセレクタと同じく、特定の要素に対してCSSの設定を適用させる働きがありますが、クラスセレクタと違うのは同じID名を複数の要素に適用させることが出来ません。 IDセレクタはHTMLやXHTMLの中に１つのID名しか指定することができません。 しかしグーグルや...