ミゼット * ドット素材・写真素材

余白を指定する

<STYLE type="text/css">
<!--
body  {margin:上からの距離 右からの距離 下からの距離 左からの距離;}
-->
</STYLE>

上のタグを<head>～</head>の間に入れて下さい
指定した余白で文字が表示されます

※サンプルは左余白50で表示しています

戻る

行間を指定する

行間を
指定
す
る

<STYLE type="text/css">
<!--
body  {line-height: 行間;}
-->
</STYLE>

上のタグを<head>～</head>の間に入れて下さい
指定した行間で文字が表示されます

※サンプルは行間1.5emで表示しています
　行間は(pt:ポイント、px:ピクセル、em:文字に対する割合(１文字の高さ＝1em)、%:文字に対する割合)

戻る

テーブルを透過させる

<STYLE type="text/css">
<!--
table  {filter:alpha(style=グラデーションの種類, opacity=開始位置の透明度 ,finishopacity=終了位置の透明度 ,style=1,,startx=開始位置の左からの距離, starty=開始位置の上からの距離 ,finishx=終了位置の左からの距離 ,finishy=終了位置の上からの距離 );}
-->
</STYLE>

上のタグを<head>～</head>の間に入れて下さい
画像がグレースケールで表示されます

※サンプルは(style=1 ,opacity=20 ,finishopacity=80 ,startx=20, starty=0 ,finishx=80 ,finishy=0で表示しています)
　グラデーションの種類(0:一定、1:線形、2:円形、3:長方形)

戻る

スクロールバー

スクロールバーをなくす

<STYLE type="text/css">
<!--
body  {overflow:hidden;}
-->
</STYLE>

上のタグを<head>～</head>の間に入れて下さい
スクロールバーが表示されなくなります

※サンプルはテキストエリアに設定しています

戻る

スクロールバーのスタイルを変更する

<STYLE type="text/css">
<!--
body  {
	scrollbar-base-color: 基本色;
	scrollbar-face-color: ボタン部分の色;
	scrollbar-track-color: レール部分の色;
	scrollbar-arrow-color:矢印の色;
	scrollbar-highlight-color: 内側ハイライトの色;
	scrollbar-shadow-color: 内側影の色;
	scrollbar-darkshadow-color: 外側ハイライトの色;
	scrollbar-3dlight-color: 外側影の色;
}
-->
</STYLE>

上のタグを<head>～</head>の間に入れて下さい
スクロールバーのスタイルが変更されます

※サンプルは
　　scrollbar-base-color: #e0e0e0;
　　scrollbar-face-color: #ffff80;
　　scrollbar-track-color: #e0e0e0;
　　scrollbar-arrow-color:#ff8000;
　　scrollbar-highlight-color: #ffffff;
　　scrollbar-shadow-color: #ffffff;
　　scrollbar-darkshadow-color: #ff8000;
　　scrollbar-3dlight-color: #ff8000;
　で表示しています

戻る

フォーム

入力ボックスやボタンの背景を変更する

<STYLE type="text/css">
<!--
input,select,textarea  {background-color:背景色;}
-->
</STYLE>

上のタグを<head>～</head>の間に入れて下さい
入力ボックスやボタンの背景が変更されます

※(background-color:transparent;)を指定すると背景が透明になります

戻る

入力ボックスやボタンの枠線を変更する

<STYLE type="text/css">
<!--
input,select,textarea  {border:枠線の太さpx 枠線の色 枠線の種類;}
-->
</STYLE>