a/a
a {
background-color: transparent;
color: "#003399";
text-decoration: underline;
}
a:hover {
background-color: transparent;
color: "#999933";
text-decoration: underline;
}
a:active {
background-color: transparent;
color: #396;
text-decoration: none;
}
TOPへ
background/background
background:#ff00ff url(image/back.gif) no-repeat fixed 50% 50%; }
color
色の名前
transparent(既定値:透明色)
inherit(継承)
url(画像のパス)
repeat
repeat(敷き詰める)
repeat-x(横方向のみ並べる)
repeat-y(縦方向のみ並べる)
no-repeat(ひとつだけ表示する)
inherit(継承)
attachment
scroll(一緒にスクロールする)
fixed(スクロールしない)
inherit(継承)
position
left(左端)
center(中央)
right(右端)
50% のような割合
top(上端)
center(中央)
bottom(下端)
TOPへ
border/border
border-top: 2px solid #444444;
border-left: 2px solid #444444;
border-right: 2px solid #aaaaaa;
border-bottom: 2px solid #aaaaaa;
TOPへ
css/内部cssファイル
<style type="text/css">
<!--
a{font-size:"12pt";color:#0000ff;font-family: 'MS ゴシック','Osaka'; }
a:Visited{font-size:"12pt";color:#0000ff;font-family: 'MS ゴシック','Osaka'; }
a:Active{font-size:"12pt";color:#ff0000;font-family: 'MS ゴシック','Osaka'; }
a:hover{font-size:"12pt";color:#ff0000;font-family: 'MS ゴシック','Osaka'; }
-->
</style>
TOPへ
font/font
font-weight:bold
bold, bolder, lighter,
100, 200, 300, 400, 500, 600, 700, 800, 900
TOPへ
text/text-align
text-align: auto;
left(左寄せ)
right(右寄せ)
center(センタリング)
justify(両端揃え)
inherit(継承)
TOPへ
text/text-justify
text-justify: auto;
text-align: justify; と組み合わせて使用し、単語間や文字間のスペースを調整する方法を指定
auto(既定値)
newspaper(英文向け)
inter-word(単語間のみによる調整)
distribute-all-lines(最後の行も調整)
inter-ideograph(単語間と文字間による調整)
inter-cluster(アジア言語向け)
distribute(タイ言語向け)
kashida(アラビア語向け)
TOPへ
余白/margin
margin: top right bottom left
上下左右の余白を指定します。
枠の外側の余白です。
内側の余白はpaddingを使います。
2.0em, 2px, 120%
上下左右=1px
padding: 1px;
上下=1px、左右=5px
padding: 1px 5px;
上=1px、左右=5px、下=3px
padding: 1px 5px 3px;
上=1px、右=5px、下=3px、左=10px
padding: 1px 5px 3px 10px;
TOPへ