●メニューへ ●単福へ ●自動車の維持費をシミュレーション ●InDesign JavaScript ノート

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へ


background/background-attachment


background-attachment:fixed;


 scroll(一緒にスクロールする)
 fixed(スクロールしない)
 inherit(継承)


TOPへ


background/background-color:


background-color::#ffffff;

color 
 色の名前
 transparent(既定値:透明色)
 inherit(継承)


TOPへ


background/background-image


background-image: url(image/back.gif); 

url(画像のパス)


TOPへ


background/background-position:


background-position: center center;

  left(左端)
 center(中央)
 right(右端)
  50% のような割合

 top(上端)
 center(中央)
 bottom(下端)
  50% のような割合


TOPへ


background/background-repeat:


background-repeat: no-repeat;

 repeat(敷き詰める)
 repeat-x(横方向のみ並べる)
 repeat-y(縦方向のみ並べる)
 no-repeat(ひとつだけ表示する)
 inherit(継承)


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ファイル


<link rel="stylesheet" href="../style.css" type="text/css">


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へ


position/position


場所を指定
    position: absolute;
    top: 201px;
    left: 0;

こんな感じで絶対位置指定。


TOPへ


text/text-align


text-align: auto;

left(左寄せ)
right(右寄せ)
center(センタリング)
justify(両端揃え)
inherit(継承)


TOPへ


text/text-indent


text-indent: 12px;

字下げを指定


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へ