ホームページ作成ＴＯＰ > 使用ＣＳＳ一覧
ホームページ作りに必要な、使用ＣＳＳ一覧に関しての一覧です。あなたのホームページ作りに必要な情報を探して下さい。
| 索引 | ＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺその他 |
Ａ
| :active | 擬似要素（リンクを選択した時に対して） |
| 文章や文字 > 文字の色を変えたい（リンク部分） | |
ホームページ作成ＴＯＰ > 使用ＣＳＳ一覧 > このページのＴＯＰ ▲
Ｂ
| background-color:色 | 背景色を設定する |
| テーブル > テーブルの背景色を変える | |
| テーブル > テーブルの枠線を立体風でなく実線で表示する | |
| テーブル > セルの背景色を変える | |
| テーブル > セルの背景色を行単位で変える | |
| テーブル > セルの背景色を列単位で変える | |
| 見出しを設定する > 見出しの背景色を変える | |
| カラー > 全体の背景色を設定する | |
| 文章や文字 > 文字の背景色を設定する | |
| background-image:url(画像) | 背景画像を設定する |
| テーブル > テーブルの背景に画像を指定する | |
| テーブル > セルの背景に画像を指定する | |
| リスト > リストのマークを変更する（画像にする） | |
| 見出しを設定する > 見出しの背景に画像を入れる | |
| 画像 > 画像を表示する | |
| 画像 > 背景に画像を表示する（ページ全体） | |
| 文章や文字 > 文字の背景に画像を表示する | |
| 文章や文字 > 画像を使用して下線を引きたい | |
| background-repeat:設定; | 背景画像の繰り返し設定 |
| 画像 > 背景に画像を表示する（繰返さない） | |
| 画像 > 背景に画像を表示する（繰返し方向を指定） | |
| background-position:左右 上下; | 背景画像の表示位置 |
| 画像 > 背景画像の場所を指定する | |
| background-attachment:設定; | 背景画像の移動・固定の設定 |
| 背景画像をスクロールせず固定する | |
| border:線種 太さ 色; | 罫線、枠線を設定する |
| テーブル > テーブルの外枠線の太さを変える | |
| テーブル > テーブル外枠の表示方法 | |
| テーブル > テーブルの枠線の色を変える | |
| テーブル > テーブルの枠線を立体風でなく実線で表示する | |
| テーブル > セルの枠線の表示方法を変える | |
| 罫線を入れたい > 横罫線を表示する | |
| 罫線を入れたい > 罫線の色を設定する | |
| 罫線を入れたい > 枠線の色や線種等を設定する（上下左右） | |
| 見出しを設定する > 見出しに枠線を引く | |
| 画像 > 画像にリンクした時の枠線を非表示にする | |
| 画像 > 画像に枠線を設定する | |
| 文章や文字 > 下線を引きたい（色を変えたい） | |
| 文章や文字 > 下線を引きたい（線種や色も変えたい） | |
| border-spacing:間隔; | セル同士の間隔を調整 |
| テーブル > セル同士の間隔を調整する | |
ホームページ作成ＴＯＰ > 使用ＣＳＳ一覧 > このページのＴＯＰ ▲
Ｃ
| clear:方向; | 回り込みを解除する |
| テーブル > テーブルに回り込ました文章を解除する | |
| 画像 > 画像に回り込ました文章を解除する | |
| color:色; | 文字の色を設定 |
| 見出しを設定する > 見出しの文字色を変える | |
| 文章や文字 > 文字の色を変えたい（全体） | |
| 文章や文字 > 文字の色を変えたい（文章） | |
| cursor:状態; | マウスの形状を変更する |
| マウスで変化 > マウスの形状を変更する | |
| フォーム > ボタンの上でマウスを手マークにする | |
ホームページ作成ＴＯＰ > 使用ＣＳＳ一覧 > このページのＴＯＰ ▲
Ｄ
| display:block; | ブロック要素に変換する |
| テーブル > テーブルのセルでリンクする | |
| マウスで変化 > 範囲でリンクする | |
| display:inline; | インライン要素に変換する |
| リスト > リストを横に並べる | |
| display:none; | 表示しない様にする |
| 画像 > 画像を表示しない様にする | |
| レイアウト > 表示しない様にする（非表示） | |
| display:list-item; | リスト項目に変換する |
| リスト > リストを作成したい | |
ホームページ作成ＴＯＰ > 使用ＣＳＳ一覧 > このページのＴＯＰ ▲
Ｆ
| float:方向; | 要素を回り込ませる |
| テーブル > テーブルに文章を回り込ませる | |
| リスト > リストを横に並べる | |
| 画像 > 画像に文章を回り込ませる | |
| レイアウト > ブロック要素を回り込ませる | |
| font-size:サイズ; | 文字のサイズを設定 |
| 見出しを設定する > 見出しの文字の大きさを変える | |
| 文章や文字 > 大きさを変えたい（その４） | |
| font-style:設定; | 文字の装飾を設定 |
| 文章や文字 > 文字を標準にしたい | |
| 文章や文字 > 文字を斜体にする | |
| font-family:種類; | フォントの設定 |
| 文章や文字 > 文字の種類を指定する（フォント） | |
| 文章や文字 > 文字同士の間隔（等幅フォントにて） | |
| font-weight:設定; | フォントの太さ設定 |
| 文章や文字 > 文字を太くしたい | |
| 文章や文字 > 文字を強調したい | |
| :first-line | 擬似要素（最初の行に対して） |
| 文章や文字 > 文章の一行目に特徴を付けたい | |
| :first-letter | 擬似要素（最初の文字に対して） |
| 文章や文字 > 文章の先頭の文字を大きくする | |
ホームページ作成ＴＯＰ > 使用ＣＳＳ一覧 > このページのＴＯＰ ▲
Ｈ
ホームページ作成ＴＯＰ > 使用ＣＳＳ一覧 > このページのＴＯＰ ▲
Ｌ
| list-style:種類; | リストマークを設定する |
| リスト > リストのマークを変更する（全体） | |
| リスト > リストのマークを変更する（項目毎） | |
| リスト > リストのマークを変更する（数字にする） | |
| リスト > リストのマークを変更する（ローマ数字にする） | |
| リスト > リストのマークを変更する（アルファベットにする） | |
| リスト > リストのマークを表示しない | |
| リスト > リストのマークを変更する（画像にする） | |
| リスト > 番号リストのマークを変更する（項目毎） | |
| letter-spacing:設定; | 文字の間隔 |
| 文章や文字 > 文字同士の間隔を調整（指定） | |
| line-height:サイズ; | 行の高さ |
| 文章や文字 > 行の高さを調整する | |
| :link | 擬似要素（リンクに対して） |
| 文章や文字 > 文字の色を変えたい（リンク部分） | |
ホームページ作成ＴＯＰ > 使用ＣＳＳ一覧 > このページのＴＯＰ ▲
Ｍ
ホームページ作成ＴＯＰ > 使用ＣＳＳ一覧 > このページのＴＯＰ ▲
Ｏ
| overflow:指定; | 内容量が範囲を超えた場合の処理 |
| レイアウト ＞ スクロールバーの表示・非表示を調整する | |
ホームページ作成ＴＯＰ > 使用ＣＳＳ一覧 > このページのＴＯＰ ▲
Ｐ
| padding:間隔; | 余白の調整をする |
| 基本の要素 > 余白の調整をする | |
| 基本の要素 > 文章を下げる（インデント） | |
| テーブル > セル枠と内容の間隔を調整する | |
| レイアウト > ページ全体の余白の調整をする | |
| position:設定; | 要素の配置場所を指定する |
| レイアウト > 要素の配置場所を指定する | |
| リンク > マウスが来た時に文字を移動する | |
ホームページ作成ＴＯＰ > 使用ＣＳＳ一覧 > このページのＴＯＰ ▲
Ｔ
| text-align:方向; | 横方向の位置調整 |
| テーブル > テーブルを表示する（中央） | |
| テーブル > テーブルを表示する（左寄せ） | |
| テーブル > テーブルを表示する（右寄せ） | |
| テーブル > セル内の文字位置を調整する | |
| リスト > リストを表示する（右寄せ） | |
| リスト > リストを表示する（左寄せ） | |
| リスト > リストを表示する（中央） | |
| 見出しを設定する > 見出しの文字位置を調整する（水平方向） | |
| 画像 > 画像を表示する（中央） | |
| 画像 > 画像を表示する（右寄せ） | |
| 画像 > 画像を表示する（左寄せ） | |
| 文章や文字 > 行揃えをしたい | |
| レイアウト > 範囲を中央に表示する（センタリング） | |
| レイアウト > ページ全体を中央に表示（センタリング） | |
| text-decoration:設定; | テキストへの飾り付け設定 |
| リンク > リンクの下線を消す方法 | |
| 文章や文字 > 取消線を引きたい | |
| text-indent:数値; | インデントの設定 |
| 基本の要素 > 文章を下げる（インデント） | |
| 文章や文字 > 文章の先頭の文字を下げる | |
| text-transform:設定; | テキストを変換する |
| 文章や文字 > 文章中の英単語の文字を大文字・小文字にしたい | |
ホームページ作成ＴＯＰ > 使用ＣＳＳ一覧 > このページのＴＯＰ ▲
Ｖ
| vertical-align:位置; | 縦方向の位置調整 |
| テーブル > セル内の文字位置を調整する | |
| 画像と文字を揃える（上） | |
| 画像と文字を揃える（中） | |
| 画像と文字を揃える（下） | |
| 文章や文字 > 文字の上部を揃える | |
| 文章や文字 > 文字の中心を揃える | |
| 文章や文字 > 文字の下部を揃える | |
| 文章や文字 > 文字を数値で指定して上下に動かす | |
| 文章や文字 > 下付文字 | |
| 文章や文字 > 上付文字 | |
| visibility:hidden; | 表示しない様にする |
| 画像 > 画像を表示しない様にする | |
| レイアウト > 表示しない様にする（非表示） | |
| :visited | 擬似要素（訪問済のリンクに対して） |
| 文章や文字 > 文字の色を変えたい（リンク部分） | |
ホームページ作成ＴＯＰ > 使用ＣＳＳ一覧 > このページのＴＯＰ ▲
Ｗ
| width:幅; | 幅を指定する |
| テーブル > テーブルの幅を指定する | |
| テーブル > セルの幅を指定する | |
| 見出しを設定する > 見出しの幅を調整する | |
| 画像 > 画像のサイズを調整する | |
| フォーム > ボタンのサイズを変える | |
| フォーム > 複数行分の入力窓のサイズを調整する | |
| フォーム > 入力窓の幅を指定する | |
| フォーム > 選択項目（ラジオボタン・チェックボックス）のサイズを変える | |
| white-space:設定; | 要素内の改行や空白の調整 |
| テーブル > セル内で改行されないようにする | |
| 文章や文字 > 改行やスペースを入力した通りに表示させる | |
| 文章や文字 > 改行したくない | |
| word-spacing:設定; | 単語同士の間隔 |
| 文章や文字 > 文字同士の間隔を調整（単語同士） | |
ホームページ作成ＴＯＰ > 使用ＣＳＳ一覧 > このページのＴＯＰ ▲
その他
| &○○; | 特殊な文字、記号を表示する |
| 文章や文字 > 特殊な文字を表示する | |
| 標準１６色,セーフカラー２１６色 | カラーサンプルの一覧 |
| カラー > カラーサンプル（色見本）です | |
| スタイルシートの単位について | %,px,em,in,pt.... |
| 基本の要素 > スタイルシートの単位について | |
| コメントを入れる | /* */ |
| 基本の要素 > コメントを入れたい | |
ホームページ作成ＴＯＰ > 使用ＣＳＳ一覧 > このページのＴＯＰ ▲
