NO.100 CSSデザインScript
100回記念はCSSの最終回。CSSによるデザインを作る時の補助的なページを作ってみました。
「
設定
」で弄った内容のスタイルを「
実行
」のフレームに適用させる事が出来ます。
設定
<style type=text/css>
<!--
body{
// フォント
color
:
;
font-size
:
;
font-weight
:
;
font-style
:
;
font-family
:
;
// 背景
background-color
:
;
background-image
:url("
");
background-repeat
:
;
background-attachment
:
;
background-position
:
;
// テキスト
word-spacing
:
;
letter-spacing
:
;
text-decoration
:
;
vertical-align
:
;
text-transform
:
;
text-align
:
;
text-indent
:
;
line-height
:
;
// マージン
margin-top
:
;
margin-right
:
;
margin-bottom
:
;
margin-left
:
;
// パディング
padding-top
:
;
padding-right
:
;
padding-bottom
:
;
padding-left
:
;
// ボーダー
border-top
:
;
border-right
:
;
border-bottom
:
;
border-left
:
;
// 表示
width
:
;
height
:
;
white-space
:
;
// スクロールバー
scrollbar-face-color
:
;
scrollbar-base-color
:
;
scrollbar-track-color
:
;
scrollbar-highlight-color
:
;
scrollbar-shadow-color
:
;
scrollbar-3dlight-color
:
;
scrollbar-darkshadow-color
:
;
scrollbar-arrow-color
:
;
}
ul,ol{
// リスト
list-style-type
:
;
list-style-image
:url("
");
list-style-position
:
;
}
// リンク
a:link
{
}
a:visited
{
}
a:active
{
}
a:hover
{
}
-->
</style>
実行
適用したスタイルのソース表示
前に戻る
次に進む
SEO
掲示板
[PR]
爆速!無料ブログ
無料ホームページ開設
無料ライブ放送