★
Stylesheet−for IE
ここに、作成したスタイルシートを、
divタグで使用した場合の見本が表示されます
設定項目の中には、IEのヴァージョンの違いで、無効な設定となる場合があります。
また、タグによって適応されるかどうかが決まっているものもあり、見本で使用しているdivタグでは反映されないものもあります。
タグに埋め込み用(style="・・・・・")
headに記述用(tag.class{・・・・})
★タグ.クラスを入力
{・・・・}
ここにスタイルシートを表示します。 この枠内にマウスを重ねると自動的に選択した状態になりますので、 右クリックでコピーまたは「Ctrl+C」キーでコピーできます。
改行して
記述
改行せず
記述
文字の設定(フォント名、大きさ、色他)
−−−−−−−−−−−−−−
設定する
隠す
フォント名
、font-family
フォント選択
MS Pゴシック
MS ゴシック
MS UI Gothic
MS P明朝
MS 明朝
TT-JTCナミキPOP-MP
字の大きさ
、font-size
pt
px
em
字の色
、color
ネーム選択
red
yellow
white
gray
black
brown
cyan
blue
lime
green
fuchsia
orange
purple
太字、斜体
太字
bold
normal
斜体
italic
normal
改行幅
、line-height
em
%
pt
px
アンダーラインなど
text-decoration
none
line-through
underline
overline
左.中.右
text-align
right
center
left
字下げ
text-indent
em
pt
px
文字の間隔
letter-spacing
pt
px
em
背景、枠線、余白(背景色、border、margin他)
−−−−−−−−−
設定する
隠す
背景
、background
背景色
ネーム選択
red
yellow
white
gray
black
brown
cyan
blue
lime
green
fuchsia
orange
purple
背景画像
使う
使わない
リピート
repeat-x
repeat-y
no-repeat
repeat
スクロール
fixed
scroll
背景画像の
開始位置の
指定
■水平位置
数値(%)指定
%、
左,中,右指定
left
center
right
■垂直位置
数値(%)指定
%、
上,中,下指定
top
center
bottom
枠線
、border
border-style
線の種類の選択
取消
none
ridge
groove
inset
outset
dotted
dashed
solid
double
border-width
px
pt
mm
上辺(4辺)
右辺
下辺
左辺
border-color
上辺(4辺)
ネーム選択
red
yellow
white
gray
black
brown
cyan
blue
lime
green
fuchsia
orange
purple
右辺
ネーム選択
red
yellow
white
gray
black
brown
cyan
blue
lime
green
fuchsia
orange
purple
下辺
ネーム選択
red
yellow
white
gray
black
brown
cyan
blue
lime
green
fuchsia
orange
purple
左辺
ネーム選択
red
yellow
white
gray
black
brown
cyan
blue
lime
green
fuchsia
orange
purple
枠線の外の余白
、margin
margin-top
margin-right
margin-bottom
margin-left
px
pt
em
%
枠線内の余白
、padding
padding-top
padding-right
padding-bottom
padding-left
px
pt
em
%
表示方法(ポジション、回り込み、表示のON・OFF、横幅、高さ等)
−
設定する
隠す
position
選んでください
絶対位置指定
相対位置指定
通常
なし
left
px
%
top
px
%
回り込み
、float
float
選択してください
left
right
なし
回り込み解除
、clear
clear
選択してください
left
right
both
なし
重なり順
、z-index
表示、非表示
その1、display
選択してください
none
inline
block
list-item
なし
その2、visibility
選択してください
hidden
visible
inherit
なし
横幅
、width
px
%
高さ
、height
px
%
表示範囲
、clip
なし
auto
rect
top
right
bottom
left
注、絶対位置指定の時に有効
範囲からはみ出した部分の
表示方法
縦横指定、overflow
選択してください
hidden
scroll
visible
auto
なし
横のみ指定、overflow-x
選択してください
hidden
scroll
visible
auto
なし
縦のみ指定、overflow-y
選択してください
hidden
scroll
visible
auto
なし
その他(マウスカーソル、スクロールバー、リストの設定等)
−−−−−
設定する
隠す
マウスカーソルの形
cursor
選択してください
auto
default
hand
crosshair
move
text
wait
help
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
なし
見本の上にカーソルを重ねると
指定した形状になります。
リスト
<ul><ol><li>のリストのタグに有効
見本には反映されません。
記号の形式
list-style-type
選択してください
circle
disc
square
decimal
upper-roman
lower-roman
upper-alpha
lower-alpha
none
なし
記号に画像を使う
使う
使わない
記号の位置
list-style-position
選択してください
outside
inside
なし
スクロールバー
この見本はこのページのスクロールバーに現れます
scrollbar-face-color
ネーム選択
red
yellow
white
gray
black
brown
cyan
blue
lime
green
fuchsia
orange
purple
scrollbar-track-color
ネーム選択
red
yellow
white
gray
black
brown
cyan
blue
lime
green
fuchsia
orange
purple
scrollbar-arrow-color
ネーム選択
red
yellow
white
gray
black
brown
cyan
blue
lime
green
fuchsia
orange
purple
scrollbar-shadow-color
ネーム選択
red
yellow
white
gray
black
brown
cyan
blue
lime
green
fuchsia
orange
purple
scrollbar-darkshadow-color
ネーム選択
red
yellow
white
gray
black
brown
cyan
blue
lime
green
fuchsia
orange
purple
scrollbar-highlight-color
ネーム選択
red
yellow
white
gray
black
brown
cyan
blue
lime
green
fuchsia
orange
purple
scrollbar-3dlight-color
ネーム選択
red
yellow
white
gray
black
brown
cyan
blue
lime
green
fuchsia
orange
purple
フィルター(反転、影付き、透明等)
−−−−−−−−−−−−−−−−
設定する
隠す
フィルターは、横幅(width)または高さ(height)を指定するか、positionnで絶対位置指定(position:absolute)にした場合のみ、
見本に使用しているdivタグに有効です。
透明
、Alpha
透明度、Opacity、0(透明)〜100(不透明)
(透明度を変化させる場合の最初の透明度)
FinishOpacity、0(透明)〜100(不透明)
(透明度を変化させる場合の最終透明度)
透明度の変化のスタイル、Style
なし
均一
線状
放射状
長方形
透明度の変化の領域
StartX
StartY
FinishX
FinishY
左右反転
、FlipH()
する
なし
上下反転
、FlipV()
する
なし
影をつける
、Shadow
Color
ネーム選択
red
yellow
white
gray
black
brown
cyan
blue
lime
green
fuchsia
orange
purple
Direction
選んでください
0
45
90
135
180
225
270
315
360
なし
影をつける、その2
、DropShadow
Color
ネーム選択
red
yellow
white
gray
black
brown
cyan
blue
lime
green
fuchsia
orange
purple
OffX
OffY
Positive
なし
true
false
波
、Wave
波の数、Freq
波をずらす、Phase
振幅、Strength
光、LightStrength
元の要素を重ねる、Add
なし
true
false
★
RGBカラーコード
●
をマウスで左右にドラッグしてください。
■
色見本
●
●
●
☆OK☆
キャンセル
RGBカラーコード
#000000
PC−Parkトップ
心の話サイコロTown!
広告
掲示板
花
万馬券
無料
レンタルサーバー
ブログ
blog