ブロック要素に対し、インデント(字下げ)を行います。
P { text-indent: 3em; }
<div>normal block</div>
<p>indented block</p><!-- この要素は前後の要素よりも若干「右」にずれて表示される -->
<div>normal block</div>
ブロック要素内の文字表示をどの方向に寄せるかを指定します。
左寄せします。
右寄せします。
真ん中寄せします。
詳細は不明です。
文字の装飾方法を指定します。
何も装飾しません。
文字にアンダーライン(文字の下側)を引きます。
文字にオーバーライン(文字の上側)を引きます。
文字の真ん中に線を引きます。取り消し線として使います。
文字を点滅させます。
サポートしていないブラウザもあります。
さらに言えば、点滅文字を目障りと感じるユーザは多いので
個人的には使用することをあまりお勧めしません。
文字に影を付けます。
サポートしていないブラウザが多いようです。
なので詳細は省きます。
文字ごとの表示間隔を指定します。
BLOCKQUOTE { letter-spacing: 0.1em }
単語ごとの表示間隔を指定します。
H1 { word-spacing: 1em }
文字の変換方法を指定します。
変換しません。
単語の先頭文字を大文字に変換します。
文字を全て大文字に変換します。
文字を全て子文字に変換します。
要素内の空白(半角スペース)の扱い方を指定します。
これがデフォルトです。
連続した空白はひとつにまとめられ、必要に応じて改行が挿入されたりします。
PRE要素ではこれがデフォルトです。
連続した空白はその通りに表示されます。
TD要素などでnowrap属性を指定した場合などはこの動作になります。
normalと似ていますが、改行(wrap)動作を行いません。
テーブルのCaptionを表示する位置を指定します。
テーブルの上側に表示します。これがデフォルトです。
テーブルの下側に表示します。
テーブルの左側に表示します。
テーブルの右側に表示します。
テーブルのレイアウト方式を指定します。
これがデフォルトです。
列中に存在する最も長い文字列に合わせて、列幅を自動的に決定します。
列幅を均一に割り振ります。
テーブル境界線(border)の表示方法を指定します。
これがデフォルトです。
セル同士の境界線を、間隔を空けて表示します。
| 1 | 2 |
| 3 | 4 |
セル同士の境界線を、重ねて表示します。
| 1 | 2 |
| 3 | 4 |
セル同士の境界線幅を指定します。
border-collapse が collapse の場合、この値は無視されます。
border-spacing: 10px; <!-- 縦横の幅を10pixelに指定 --> border-spacing: 10px 2px; <!-- 縦の幅を10pixel、横の幅を2pixelに指定 -->
空白セルの表示方法を指定します。
空白のセルは表示されません。これがデフォルトです。
空白のセルも表示されます。
今まで、<td> </td> みたいな事をしてた人。これを機にこのプロパティを使いましょう。
が、やはりと言うか…IEでは未サポートです。
要素上にマウスカーソルが存在するときのマウス形状を指定します。
要素に合わせて自動的に形状を決定します。
十字型のカーソルを表示します。
通常の矢印カーソルを表示します。
リンクを示す「指差し」カーソルを表示します。
移動を示すカーソルを表示します。
一般的にはドラッグ＆ドラッグで物体を移動させるときに使われます。
一方向にサイズを伸縮させる事を示すカーソルを表示します。
一般的にはウィンドウなどのサイズを変更するときに使われます。
テキスト上にマウスカーソルを置いたときのカーソルを表示します。
待機を表す砂時計カーソルを表示します。
ヘルプを表すカーソルを表示します。
任意のカーソルを表示します。
P { cursor : url("mything.cur"), url("second.csr"), text; }
要素のアウトラインを指定します。
が、ほとんどのブラウザで未サポートらしいので説明を省きます。