スタイルシートの属性

スタイルシートの主な属性には、以下のようなものがあります。

スタイルシートの属性については数が多いので、ここでは主要なものについて解説します。 属性に対応する値や、その他の属性についての詳細は関連書籍やスタイルシートを専門に扱ったホームページを参照下さい。

テキストの属性

テキストに関する主な属性には、以下のようなものがあります。

例えば文字を右揃えにする場合は、 (セレクタ){text-align:right}となります。

フォントの属性

フォントに関する属性は、以下のようなものがあります。

例えば、(セレクタ){font-family:"MS Pゴシック"}といったように指定します。

背景(background)の属性

背景に関する属性は以下のようなものです。

例えば、(セレクタ){background-image:url("image.gif")}といったように指定します。 image.gifの部分は、HTMLのリンクパスの指定方法と同じなので、 表示されるように適切なパスを指定して下さい。

ボックスの属性

ボックスに関する属性は以下のようなものです。

例えば、枠線を1本線で表示する場合は、
(セレクタ){border-style:solid}となります。

位置や配置、性質の属性

位置や配置、性質に関する属性は以下のようなものです。

例えば、ブロック要素をインライン要素に変更したい場合は、 (セレクタ){display:inline}となります。

以上、スタイルシートの属性の中でもよく使いそうなものをリストアップしました。 この他にも、リストに関する属性や、テーブル、フィルター、リンクに関するものなど様々な属性があります。
スタイルシートの本

<<スタイルシートの補足
カラムレイアウトの基本>>