スタイルシート
(CSS)
リファレンス
(ボックス)
ボックス
width: *px; height: *px;
ボックスの大きさを指定する
max-width: *px; min-width: *px;
ボックスの最大幅と最小幅を指定する
max-height: *px; min-height: *px;
ボックスの最大高さと最小高さを指定する
background-color: #ffffff;
ボックスの背景色を指定する
background-image: url(URI);
ボックスの背景に画像を使う
background-repeat: repeat-X;
背景画像の並べ方を指定する
background-position: right top;
背景画像の表示位置を指定する
background-attachment: fixed;
背景画像をスクロールさせない
background: #ffffff url(fname) repeat-Y center scroll;
ボックスの背景をまとめて指定する
(ボックス)
マージン・パディング
margin: *px *px *px *px;
ボックスのマージン(外側の余白)を指定する
margin-top: *px;
上下左右のマージンを個別に指定する
padding: *px;
ボックスのパディング(内側の余白)を指定する
padding-top: *px;
上下左右のパディングを個別に指定する
(ボックス)
境界線
border-width: *px; border-top-width: *px;
境界線の太さを指定する
border-color: #0000ff; border-top-color: blue;
境界線の色を指定する
border-style: solid; border-top-style: solid;
境界線のスタイルを指定する
border: 1px blue solid; border-top: thick #0000ff dotted;
境界線の太さ・色・スタイルをまとめて指定する
(ボックス)
表示方法
overflow: auto;
ボックスからはみ出た部分の表示方法を指定する
overflow-X: auto;
はみ出た部分の縦横の処理を個別に指定する
display: inline;
表示形式(インライン・ブロック・リスト・非表示)を指定する
visibility: visible;
表示・非表示を指定する
(ボックス)
配置
float: left;
ボックスのフロート(浮動化)を指定する
clear: both;
文字の回り込みを解除する
position: static;
ボックスの配置方法を指定する
top: *px; right: *px; bottom: *px; left: *px;
ボックスの表示位置を指定する
z-index: 1;
ボックスの重なりの順序を指定する
:ブラウザ独自のプロパティ
Page Top
へ
Site Information