HTML&CSS Web制作リファレンス ●HOME ●HTML ●HTMLタグ ●CSS ●カラーチャート ●Web便利ツール ●JavaScript (一)HOME (二)スタイルシート CSS (三)ボックス

ボックス

サイズ・背景

●width: ***; height: ***; ボックスの大きさを指定する ●max-width: ***; min-width: ***; ボックスの最大幅と最小幅を指定する ●max-height: ***; min-height: ***; ボックスの最大の高さと最小の高さを指定する ●background-color: ***; ボックスの背景色を指定する ●background-image: url(***); ボックスの背景に画像を使う ●background-repeat: ***; 背景画像の並び方を指定する ●background-position: ***; 背景画像の表示位置を指定する ●background-attachment: fixed; 背景画像をスクロールさせない ●background: ***; 背景の設定をひとまとめに行う

マージン・パディング

●margin: ***; ボックスのマージン︵外側の余白︶を指定する ●margin-***: ***; 上下左右のマージンを個別に指定する ●padding: ***; ボックスのパディング︵内側の余白︶を指定する ●padding-***: ***; 上下左右のパディングを個別に指定する

境界線

●border-width: ***; border-***-width: ***; 境界線の太さを指定する ●border-color: ***; border-***-color: ***; 境界線の色を指定する ●border-style: ***; border-***-style: ***; 境界線のスタイルを指定する ●border: ***; border-***: ***; 境界線の設定をひとまとめに行う

表示方法

●overflow: ***; ボックスからはみ出た部分の表示方法を指定する ●

overflow-***: ***; overflowの縦横の処理を個別に指定する ●

scrollbar-***-color: ***; スクロールバーの色を変える ●display: ***; 表示形式︵インライン・ブロック・リスト・非表示︶を指定する ●visibility: ***; 表示・非表示を指定する

配置

●float: ***; ボックスのフロート︵浮動化︶を指定する ●clear: ***; 回り込みを解除する ●position: ***; ボックスの配置方法を指定する ●top: ***; right: ***; bottom: ***; left: ***; ボックスの配置位置を指定する ●z-index: ***; 重なりの順序を指定する広告広告リスト内のマークについて

… ブラウザ独自のプロパティ広告

カテゴリー

●スタイルシート CSS ●ページ全般 ●ボックス ●テキスト・フォント ●リンク ●リスト ●イメージ ●テーブル ●フレーム ●フォーム ●フィルタ ●プロパティ一覧﹇ABC﹈ ●CSSの基本広告 ●HOME ●HTML ●HTMLタグ ●CSS ●カラーチャート ●Web便利ツール ●JavaScript ●お知らせ ●TAG indexについて ●ご利用について ●お問い合わせ HOME ●お知らせ ●TAG indexについて ●ご利用について ●お問い合わせ ●フィードバック送信 ●個人情報保護方針 ●サイトマップ