プロパティ | ボックスの指定 |
---|---|
width:pxまたは%指定; height:; | ボックスの大きさを指定する |
max-width:pxまたは%指定; min-widht:pxまたは%指定; | ボックスの最大の高さと最少の高さを指定する |
background-color:色指定; | ボックスの背景色の指定をする |
background-image:url(画像ファイル指定); | ボックスの背景に画像を使う |
プロパティ | 空白の指定 |
---|---|
margin:pxまたは%指定; | ボックスのマージン(外側の余白)を指定する |
margin-上下左右の指定:pxまたは%指定; | 上下左右のマージンを個別に指定する |
padding:pxまたは%指定; | ボックスのパディングを指定する |
padding-上下左右の指定:pxまたは%指定; | 上下左右のパディングを個別に指定する |
プロパティ | 境界線の指定 |
---|---|
border-width:pxまたは%指定; border-太さ[px]-width:pxまたは%指定; | 境界線の太さを指定する |
border-color:色指定; border-上下左右指定-color:色指定; | 境界線の色を指定する |
boder-style:スタイルの指定; border-上下左右指定-style:スタイルの指定; | 境界線のスタイルを指定する |
border:境界線(px指定、色、スタイル); border-上下左右の指定:スタイル; | 境界線の設定をひとまとめに行う |
プロパティ | 表示方法 |
---|---|
overflow:左右指定(初期値なし); | ボックスからはみ出た部分の表示方法を指定する |
overflow-x(縦)かy(横):スタイル指定; | overflowの縦横の処理を個別に指定する |
scrollbar-(場所指定)-color:色指定; | スクロールバーの色を変える |
display:スタイル指定; | 表示形式(インライン・ブロック・リスト・非表示)を指定する |
visibillty:visible(表示する)かhidden(表示しない); | 表示・非表示を指定する |
プロパティ | 配置 |
---|---|
float:スタイル指定; | ボックスのフロート(浮動化)を指定する |
clear:スタイル指定; | 回り込みを解除する |
position:スタイル指定; | ボックスの配置方法を指定する |
top:pxまたは%指定; right:pxまたは%指定; bottem:pxまたは%指定; | ボックスの配置を指定する |
z-index:auto(親要素と同じにする場合はautoを選んでください。そうではない場合は数値指定をしてください。); | 重なりの順序を指定する |