DIV MAKER
CSS Builder for the block element
定番のスタイルシート（CSS)を簡単に作成できます。DIV要素など、ブロック領域を装飾するスタイルを中心に網羅。
Preview & Codes
preview
for Shorthand
for Selecter
BASIC
要素のサイズ
Size
Width
Height
背景
Background
Color
Image -> URL
, Repeat
-
repeat
repeat-x
repeat-y
no-repeat
境界
Border
Width
Color
Style
-
none
dotted
dashed
solid
double
groove
ridge
inset
outset
inherit
外部要素との間隔
Margin
Up
, Bottom
, Left
, Right
Vertical
, Left&Right
Margin Around
CONTENTS
内部テキスト
Text
Color
Size
Font
Weight
-
100
200
300
=normal
500
600
=bold
800
900
-
lighter
bolder
Decoration
-
none
underline
overline
line-through
LineHeight
Align
-
left
right
center
justify↓
Justify
-
auto
distribute
distribute-all-lines
inter-cluster
inter-ideograph
inter-word
kashida
newspaper
Valign
-
baseline
top
middle
kashida
bottom
text-top
text-bottom
super
sub
Indent
No-wrap
内部要素の余白
Padding
Up
, Bottom
, Left
, Right
Vertical
, Left&Right
Padding Inside
マウスカーソル
Cursor
-
auto
default
hand
pointer
crosshair
text
wait
help
progress
no-drop
VISUAL ITSELF
はみ出した部分
OverFlow
-
visible
scroll
hidden
auto
表示・可視性
Display/Visibility
Display
-
none
block
inline
Visibility
-
visible
hidden
collapse
位置
Position Type
-
relative
absolute
fixed
-> (Top
, Left
)
外部要素との
回り込み関係
Float
-
left
right
none
半透明の度合い
TransParent
% （0〜100）
重なり順
Z-index