CSS(Style Sheet)の製作を補助するために作成したJavaScriptです。
自在配置を行なえるようにしたバージョンです
必要な項目を設定して[CSS Viwe]ボタンを押すとブラウザにCSSが表示されますのでコピーして使用して下さい。[Sample Viwe]ボタンを押すと設定した項目を確認できます。
Element Name: ----- body p address blockquote pre h1 h2 h3 h4 h5 h6 div a:link a:visited a:hover a:active ul ol li dl dt dd sup sub q img em strong cite dfn code samp kbd var abbr acronym span
Class Name:
background
color: image url: repeat: ----- none x y
attachment: ----- fixed scroll position-y: ----- top center bottom position-x: ----- left center right
---- fonts ----
text color: decoration: ----- none underline line-through blink
font size: % em px style: ----- normal italic weight: ----- normal bold bolder lightr
etc.
line-height: em % px letter-spacing: px em % word-spacing: px em %
text-align: ----- left center right justify vertical-align: ----- baseline top middle bottom super sup
float: ----- none left right clear: ----- none both left right
***** BOX's *****
---- size ----
width: em % px / height: em % px
---- margins ----
top: em % px right: em % px bottom: em % px left: em% px
margin: -- em % px
---- paddings ----
top: em% px right: em% px bottom: em% px left: em% px
padding: -- em% px
---- borders ----
width (ALL:) px em% top: px em% right: px em% bottom: px em% left: px em%
color (ALL:) top: right: bottom: left:
style (ALL:) ----- soliddouble dasheddotted grooveridge insetoutset nonehidden top: ----- soliddouble dasheddotted grooveridge insetoutset nonehidden right: ----- soliddouble dasheddotted grooveridge insetoutset nonehidden bottom: ----- soliddouble dasheddotted grooveridge insetoutset nonehidden left: ----- soliddouble dasheddotted grooveridge insetoutset nonehidden
***** Visual *****
---- display ----
display: ----- block inline
---- position ----
position: ----- static relative absolute fixex / z-index:
top: em% px / right: em% px / bottom: em% px / left: em% px
更新履歴: