|
|
|
|
|
| 4.5 |
ボーダーラインの色
border-top-style:none/solid/groove/ridge/
inset/outset/double
border-bottom-style:none/solid/groove/ridge/....
border-right-style:none/solid/groove/ridge/....
border-left-style:none/solid/groove/ridge/....
ボーダーラインの種類を上下左右個別に設定する。
border-style:none/solid/groove/ridge/....
ボーダーラインの種類を上下左右一度に設定する。
none は線なし、
solid は直線、
groove は溝のような線、
rifge は浮き上がった線、
inset は凹んだ領域、
outset は盛り上がった領域、
double は二重線を指定する。
|
|
| 4.6 |
ボックスの座標設定
position:absolute/relative/static
ボックスの位置指定をするための座標の指定方法を設定する。
absolute は絶対座標、
relative は相対座標、
static は特に位置を指定せず、標準の状態にする。
つまり、posiston を指定しないのと同じです。
|
|
| 4.7 |
ボックスの位置指定
top:n pt/n in/n cm/n px/n %/n em
left:n pt/n in/n cm/n px/n %/n em
ボックスの位置を設定する。
このスタイルは必ず
position: スタイルと共に使う必要がある。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 4.8 |
ボックスのクリッピング指定
clip:rect (top,right,bottom,left)/auto
クリッピング（もともと表示されている内容の一部の領域を切り取って表示）を指定する。
領域の原点は、postion:absolute で指定された左上から数える。
|
|
| 4.9 |
ボックスの幅と高さ
width:n pt/n in/n cm/n px/n %/n em
height:n pt/n in/n cm/n px/n %/n em
ボックス（タグで囲まれた領域、<div>〜</div> など）の幅と高さを指定する。
|
|
| 4.10 |
領域からあふれたテキストの処理方法を設定
overflow:scroll/hidden/visible/auto
領域からあふれたテキストをどの様に表示するかを指定する。
scroll はスクロールバー付きの領域に表示、
hidden あふれたテキストを非表示、
visible は表示できるように領域を拡大、
auto はスクロールバーを自動で領域に付加する。
|
|
| 4.11 |
マウスカーソルを設定
cursor:auto/crosshair/default/hand/move/
e-resize/ne-resize/n-resize/se-resize/
sw-resize/s-resize/w-resize/text/wait/help/
領域内にマウスカーソルが入った時のマウスカーソルの形状を設定する。
|
|
| 4.12 |
Ｚオーダーの設定
z-index:n/auto
要素のＺオーダー（表示順序）を指定する。
n は数値が大きい方がより手前に表示される。
auto はとくに指定していない場合と同じで、下から上へと順番に重ねられる。
|
|
|
|
|
|
|
|
|
