フォント

文字飾り

□なし
text-decoration : none;
文字飾り無し
□下線
text-decoration : underline;
文字に下線
□上線
text-decoration : overline;
文字に上線
□取り消し線
text-decoration : line-through;
文字に取り消し線
□点滅
text-decoration : blink;
文字が点滅します。（NN4.0とNN4.7のみ）

文字の属性

●太さ

○ふつう
font-weight : normal;
デフォルト
○太い
font-weight : bolder;
太字
○より太い
font-weight : lighter;
もう一回り太く
○より細い
font-weight : 100;
もう一回り補足
○100〜900
font-weight : 200;
font-weight : 300;
font-weight : 400;
font-weight : 500;
font-weight : 600;
font-weight : 700;
font-weight : 800;
font-weight : 900;
400を標準として数字が大きければ太く、小さくなれば細くなります。 太さの認識はブラウザによって変わります。

●スタイル

○ふつう
font-style : normal;
デフォルト
○斜体
font-style : italic;
斜めの書体
○斜体(OBLIQUE)
font-style : oblique;
italicと同じ斜体ですが厳密に言えば違います。 しかし、ブラウザの認識ではitalicと同じ表示になります。

●変形

□普通
font-variant : normal;
デフォルト
□小型英大文字
font-variant : small-caps;
大文字のABC...を小さく表示じます。

●変換

○先頭文字のみ大文字
text-transform : capitalize;
各単語の先頭文字を大文字に変換
○大文字
text-transform : uppercase;
全ての文字を大文字に変換
○小文字
text-transform : lowercase;
全ての文字を小文字に変換

カラーと背景

前景色
color :
文字色など
背景色
background-color :
背景の色

背景画像

ファイル
background-image :
背景画像の指定
水平方向・垂直方向
background-position :
背景画像の位置

属性

●繰り返し

○繰り返し
background-repeat : repeat;
背景画像を繰り返し表示
○繰り返す（水平方向）
background-repeat : repeat-x;
水平方向に背景画像を繰り返す
○繰り返す（垂直方向）
background-repeat : repeat-y;
垂直方向に背景画像を繰り返す
○繰り返さない
background-repeat : no-repeat;
背景画像を繰り返さず表示

●貼り込み方

○スクロール
background-attachment : scroll;
ページがスクロールされたら一緒に移動します。
○固定
background-attachment : fixed;
ページがスクロールされても位置は固定されます。

文字のレイアウト

行間

line-height :
行の間隔を指定します。

文字間

letter-spacing :
文字の間隔を指定します。

ワード間

word-spacing :
単語の間隔を指定します。

垂直方向の位置

（グレーバックの状態で選択すると位置を選択できます。）
ベースライン
vertical-align : baseline;
デフォルト
上付き
vertical-align : super;
上付き文字
下付き
vertical-align : sub;
下付き文字
上
vertical-align : top;
上端揃え
中央
vertical-align : middle;
中央揃え
下
vertical-align : bottom;
下端揃え
テキストの上
vertical-align : text-top;
テキストの上端揃え
テキストの下
vertical-align : text-bottom;
テキストの下端揃え

水平方向の位置

text-align : left;
左揃え
text-align : center;
中央揃え
text-align : right;
右揃え
text-align : justify;
均等割

レイアウト

マージン

margin-top :
上マージン
margin-left :
左マージン
margin-right :
右マージン
margin-bottom :
下マージン

ボーダー

border-wilih :
ボーダーの幅

スタイル

なし
border-style : none;
枠線を表示しない
点線
border-style : dotted;
点線
破線
border-style : dashed;
破線
実線
border-style : solid;
実線
二重線
border-style : double;
二重線
くぼみ
border-style : groove;
くぼみ線
浮き出し
border-style : ridge;
浮き出し線
インセット
border-style : inset;
内側がへこんだ線
アウトセット
border-style : outset;
外側がへこんだ線
色
border-color :
線の色

パディング

paliing-top :
上パディング
paliing-left :
左パディング
paliing-right :
右パディング
paliing-bottom :
下パディング

リスト

リストマークのタイプ

list-style-type : disc;
黒丸
list-style-type : circle;
白丸
list-style-type : square;
黒四角
list-style-type : decimal;
英数字
list-style-type : lower-roman;
小ローマ数字
list-style-type : upper-roman;
大ローマ数字
list-style-type : lower-alpha;
小文字アルファベット
list-style-type : upper-alpha;
大文字アルファベット
list-style-type : none;
リストマーク無し

リストマークの位置

list-style-position : outside;
リスト領域の外側にマーク
list-style-position : inside;
リスト領域の内側にマーク
list-style-image :
リストのイメージ

位置

配置

幅
wilih :
要素の幅
高さ
height :
要素の高さ
上
top :
上端からの位置
左
left :
左端からの位置
優先順位
z-index :
重なりの順番

属性

●位置

○ふつう
position : normal;
デフォルト
○相対的
position : relative;
通常表示されるべき位置から相対的な配置
○絶対的
position : absolute;
親要素に対して絶対的な配置
○固定
position : fixed;
親要素に対して絶対的な配置で固定(NN6.2のみ)

見え方

●見え方

○可視
visibility : visible;
要素を表示します。（デフォルト）
○不可視
visibility : hilien;
要素を表示しません

●回り込み

○なし
float : none;
回り込みなし
○左
float : left;
左に回りこみ
○右
float : right;
右に回りこみ

●回り込み解除

○なし
clear : none;
解除なし
○左
clear : left;
左回り込み解除
○右
clear : right;
右回り込み解除
○両方
clear : both;
全ての回り込み解除

その他

●カーソル

○自動
cursor : auto;
○十字
cursor : crosshair;
○デフォルト
cursor : defadlt;
○ポインタ
cursor : pointer;
○移動
cursor : move;
○サイズ変更（右端）
cursor : e-resize;
○サイズ変更（右上端）
cursor : ne-resize;
○サイズ変更（左上端）
cursor : nw-resize;
○サイズ変更（上端）
cursor : n-resize;
○サイズ変更（右下端）
cursor : se-resize;
○サイズ変更（左下端）
cursor : sw-resize;
○サイズ変更（下端）
cursor : s-resize;
○サイズ変更（左端）
cursor : w-resize;
○サイズ変更（テキスト挿入）
cursor : text;
○サイズ変更（処理中）
cursor : wait;
○サイズ変更（ヘルプ）
cursor : help;

●前で改ページ（印刷の改ページプロパティ）

○自動
page-break-before : auto;
指定なし
○常に
page-break-before : always;
指定位置で強制改行
○回避
page-break-before : avoid;
指定位置で改行禁止
○左
page-break-before : left;
指定位置で強制改行
見開き左
○右
page-break-before : right;
指定位置で強制改行
見開き右

●後で改ページ

○自動
page-break-after : auto;
指定なし
○常に
page-break-after : always;
指定位置で強制改行
○回避
page-break-after : avoid;
指定位置で改行禁止
○左
page-break-after : left;
指定位置で強制改行
見開き左
○右
page-break-after : right;
指定位置で強制改行
見開き右