◆ display: display (C1/e5/N4)
画面にどのように表示されるかを block（ブロック要素）、inline（インライン要素）、list-item（リスト要素）、none（表示しない） のいずれかで指定します。CSS2 からは marker、run-in、compact、および、table、inline-table、table-row-group、table-column、table-column-group、table-header-group、table-footer-group、table-row、table-cell、table-caption が追加されていますが、まだあまりサポートされていないようです。
.hide { display: none; }
◆ position: type (C2/e4/N4)
ポジショニングの方法を、static（既定値：本来の位置）、relative（本来の位置からの相対位置指定）、absolute（絶対位置指定）、fixed（絶対位置に固定）、inherit（継承）のいずれかで指定します。fixed は画面のスクロールに対して固定されます。Netscape 6.0 ではサポートされていますが、IE6.0 ではまだサポートされていません。
<span style="position:absolute; top:100px; left:100px;">
<img src="xxx.gif" width=50 height=50 alt="xxx">
</span>
absolute は、relative または absolute を指定した親要素（無ければページ）の左上を原点とします。下記のようにすることで、親要素を原点とした絶対位置（＝親要素からの相対位置）で座標を指定することが可能になります。
<div style="position:relative; width:70px; height:70px; background-color:silver;">
<div style="position:absolute; top:10px; left:10px;
width:30px; height:30px; background-color:red;"></div>
<div style="position:absolute; top:20px; left:20px;
width:30px; height:30px; background-color:blue;"></div>
<div style="position:absolute; top:30px; left:30px;
width:30px; height:30px; background-color:green;"></div>
</div>
◆ top: length (C2/e4/N4)
◆ left: length (C2/e4/N4)
◆ bottom: length (C2/e5/N6)
◆ right: length (C2/e6/N6)
上端、左端、下端、右端からの距離を 10px のような単位付きの数値や 50% のようなパーセント指定、または auto（既定値：自動）、inherit（継承）のいずれかで指定します。通常、position: と組み合わせて使用します。
<span style="position:absolute; top:100px; left:100px;">
<img src="xxx.gif" width=50 height=50 alt="xxx">
</span>
◆ float: float (C1/e4/N4)
画像などの表示位置を left（左端）、right（右端）、none（既定値：指定しない）、inherit（継承）のいずれかで指定します。<img> タグの align属性に相当します。right または left を指定すると、テキストがその周りを回り込むように表示されるようになります。回り込みを解除するには clear: を用います。
<img src="xxx.gif" width=50 height=50 alt="xxx" style="float:right;">
◆ clear: clear (C1/e4/N4)
float: によるテキストの回り込みを none（既定値：何もしない）、left（左側の回りこみ解除）、right（右側の回りこみを解除）、both（両側の回りこみを解除）のいずれかで指定します。<br> タグの clear 属性に相当します。
<img src="xxx.gif" width=50 height=50 alt="xxx" style="float:right">
<br style="clear: both;">
◆ z-index: order (C2/e4/N6)
要素同士が重なって表示される場合の、重なりの順序を指定します。z-index に指定した数値が大きなものほど前面に表示されます。
<div style="position:absolute; width:50px; height:50px;
z-index:2; background-color:green; top:10px; left:10px;"></div>
<div style="position:absolute; width:50px; height:50px;
z-index:3; background-color:blue; top:40px; left:30px;"></div>
<div style="position:absolute; width:50px; height:50px;
z-index:1; background-color:red; top:20px; left:50px;"></div>
◆ direction: direction (C2/e5/N6)
◆ unicode-bidi: bidirection (C2/e5/N6)
文章の方向（日本語や英語は左から右だが、アラビア語は右から左）を指定します。direction には ltr（既定値：左から右）、rtl（右から左）、inherit（継承）のいずれかを指定します。bidirection には normal（既定値：通常）、bidi-override（direction を有効にする）、embed（無効にする）、inherit（継承）のいずれかを指定します。
<div style="direction:rtl; unicode-bidi:bidi-override;">
昔の日本語も右から左でしたね
</div>
◆ width: length (C1/e4/N4)
◆ height: length (C1/e4/N4)
◆ min-width: length (C2/N6)
◆ min-height: length (C2/N6)
◆ max-width: length (C2/N6)
◆ max-height: length (C2/N6)
横幅、高さ、最小の横幅、最小の高さ、最大の横幅、最大の高さを 100px のような単位付き数値、50% のようなパーセント形式、inherit（継承）のいずれかで指定します。width と height の場合は auto（既定値：自動）も指定可能です。max-width と max-height の場合は 、none（既定値：制限なし）も指定可能です。
<body style="min-width:200px; max-width:500px;">
<img src="xxx.gif" alt="xxx" style="width:50px; height:50px;">
◆ vertical-align: valign (C1/e3/N4)
縦方向の配置を、親要素との相対位置で、baseline（ベースラインあわせ）、middle（中央あわせ）、sub（下付き文字の位置）、super（上付き文字の位置）、text-top（テキストの上限あわせ）、text-bottom（テキストの下限あわせ）、top（上端あわせ）、bottom（下端あわせ）、inherit（継承）、70% のようなパーセント形式、0.5em のような単位付きの数値のいずれかで指定します。baseline は文字 x の、text-bottom は文字 y の下限を意味します。<img> タグの align 属性に相当します。
<div style="font-size:50px;">
<img src="mark.gif" width=10 height=10 style="vertical-align:middle;">Style
</div>
◆ overflow: overflow (C2/e4/N6)
◆ overflow-x: overflow (e5)
◆ overflow-y: overflow (e5)
領域をはみ出した要素の扱いを、visible（既定値：表示する）、hidden（隠す）、scroll（スクロールバーで表示する）、auto（自動）、inherit（継承）のいずれかで指定します。Netscape ではブロック型要素に対してのみ有効なようです。overflow-x や overflow-y は、overflow の指定を横方向、縦方向のみに適用します。
<div style="width:10em; height:3em; overflow:scroll;">
:
</div>
◆ clip: region (C2/e4/N6)
表示する範囲を auto（既定値：自動）、inherit（継承）、rect(上端,右端,下端,左端) 形式のいずれかで指定します。position:absolute と併用したときのみ有効なようです。下記の例では、画像の左上 50×50px の範囲のみを表示します。上下左右の順番が通常とは異なりますので注意してください。
<img src="xx.gif" style="position:absolute; clip:rect(0px,50px,50px,0px);">
注：CSS2 の仕様では、rect() の右位置は、画像の左端からの距離ではなく、右端からのマージンと定義されていました。CSS2.1 では、多くのブラウザの実装にあわせて仕様が変更されるようです。
◆ visibility: visibility (C2/e4/N6)
表示するしないを、visible（既定値：表示する）、hidden（表示しない）、inherit（継承）のいずれかで指定します。JavaScript で表示のオン・オフを切り替えることができます。
<span style="visibility:hidden">XXXX</span>
