CSS

[CSS]マウスカーソルをスタイリングするcursorプロパティ

himecas

2012/12/05

CSS

No Comments

色んなWEBサイトを見ていると、マウスカーソルをリンクや画像等の上に合わせた時に、マウスカーソルの形が変形することがありますね。切り替わるマウスカーソルの形は、環境によって決められますが、これをCSSでしっかり指定して…

[CSS]displayを使ってブロック要素とインライン要素を変更する

himecas

2012/11/27

CSS

No Comments

HTMLの要素には色々なものがありますが、それぞれブロック要素とインライン要素の特性を持っています。例えば、pタグはブロック要素、aタグはインライン要素になります。ブロック要素は前後に改行が入りますが、インライン要素には…

[CSS]リストのスタイルを変更する

himecas

2012/11/26

CSS

No Comments

olやul等のスタイルを変更する方法についてご紹介いたします。マーカーの指定まずは、リストの左側に出るマーカーの指定から見てみましょう。マーカーの指定は、「list-style-type」で指定します。list-st…

CSSでレイアウトを作成する

himecas

2012/11/23

CSS

No Comments

CSSを使ってレイアウトを作成する方法をご紹介いたします。例えば、以下のようなレイアウトにしたいとします。全体の幅が950pxで、サイドバーが150px、メインコンテンツが800pxです。 HTMLの記述 HTMLの…

CSSで要素を回り込みさせる「floatとclear」

himecas

2012/11/19

CSS

4 Comments

WEBページに画像を配置して、「文字をその横に持っていきたいのに下に表示されてしまう」そんな経験ないでしょうか？画像はブロック要素なので、初期の状態では次の要素は横ではなく下に配置されます。下に配置される要素を画像に…

[CSS]paddingとmarginの違い

himecas

2012/11/16

CSS

No Comments

余白のスタイルを指定する際に使うプロパティには、「padding」と「margin」があります。それぞれの違いは、、、 padding：内側の余白 margin：外側の余白ということになります。 paddingとma…

[CSS]要素に枠線をつけるプロパティ

himecas

2012/11/14

CSS

No Comments

枠線をつけるプロパティには、以下3つがあります。 border-color border-width border-style border-color border-colorは、枠線の色を決めるプロパティです。値には…

[CSS]要素の背景をスタイリングするプロパティ

himecas

2012/11/13

CSS

No Comments

背景をスタイリングするためのCSSについて書きたいと思います。背景のスタイルを指定するプロパティには、以下のようなものがあります。 background-color background-image backgroun…

[CSS]文字を装飾するためのプロパティまとめ

himecas

2012/11/12

CSS

No Comments

文字に対して適用できるスタイルについて、アレコレまとめてみました。・文字色の変更・文字のサイズを変更・文字の太さを変更・行の高さを調整する・文字に装飾をつける・フォントのスタイルを変更する・フォントの種類を…

[CSS]セレクタの指定方法

himecas

2012/11/09

CSS

No Comments

セレクタの指定方法は様々あって、非常に複雑な構成にすることも可能です。よく使う基本的な書き方について説明いたします。セレクタの指定方法は、大きく分けて4通りあります。アスタリスクで指定 HTMLのタグで指定クラスで…