>> HTMLトップに戻る

CSSリファレンス一覧

~文字関連~
属性名 説明
color 文字色の設定
font テキストの色、サイズ等を一括で指定する
font-style 文字をスタイルをイタリック体・斜体かを設定できる
font-weight 文字の太さの設定を行う
font-size 文字サイズの設定を行う
font-family フォントの設定を行う
font-stretch 文字を縦長・横長の設定を行う
line-height 行の高さの設定を行う
letter-spacing 文字間隔の設定を行う
text-align ブロック内の文字の横方向の位置の設定する
vertical-align ブロック要素内の縦方向の表示位置の設定を行う
text-decoration 文字の下線や打消し戦などの設定を行う
text-indent 文章内の一行目の余白の設定を行う
text-transform 大文字小文字表示の設定を行う
text-shadow 文字に影をつける
white-space 文字表示の設定を行う
word-spacing 単語間隔の設定を行う

~背景関連~
属性名 説明
background 背景関連の設定を一括で行う。
background-color 背景色の設定を行う
background-image 背景画像の設定を行う
background-repeat 背景画像のリピートの設定を行う
background-attachment 背景画像の固定・位置の設定をまとめて行う。
background-position 背景画像の表示開始位置の設定を行う
background-position-x 背景画像の横位置の設定を行う(IEのみ)
background-position-y 背景画像の縦位置の設定を行う(IEのみ)
~ボーダー関連~
属性名 説明
border 枠線の設定をまとめて行う
border-color 枠線の色の設定を行う
border-style 枠線スタイルの設定を行う
border-width 枠線の太さの設定を行う
border-top 上枠線スタイル・太さ・色の設定を行う
border-top-color 上枠線の色の設定を行う
border-top-style 上枠線のスタイルの設定を行う
border-top-width 上枠線の太さの設定を行う
border-bottom 下枠線の設定をまとめて行う
border-bottom-color 下枠線の色の設定を行う
border-bottom-style 下枠線のスタイルの設定を行う
border-bottom-width 下枠線の太さの設定を行う
border-left 左枠線の設定をまとめて行う
border-left-color 左枠線の色の設定を行う
border-left-style 左枠線のスタイルの設定を行う
border-left-width 左枠線の太さの設定を行う
border-right 右枠線の設定をまとめて行う
border-right-color 右枠線の色の設定を行う
border-right-style 右枠線のスタイルの設定を行う
border-right-width 右枠線の太さの設定を行う
empty-cells 空白セルの枠線の表示・非表示の設定を行う
~リスト関連~
属性名 説明
list-style リスト関連の設定をまとめて行う
list-style-image リストマーカー用画像の設定を行う
list-style-type リストマーカー文字の設定を行う
list-style-position リストマーカーの表示位置の設定を行う
content 画像、文字等のコンテンツの挿入を行う
quotes 引用符の設定を行う
~位置、幅、横線、余白関連~
属性名 説明
width 横幅の設定を行う
max-width 横幅の最大値の設定を行う
min-width 横幅の最小値の設定を行う
height 高さの設定を行う
max-height 高さの最大値の設定を行う
min-height 高さの最小値の設定を行う
margin 余白に関連の設定をまとめて行う
margin-top 上余白の設定を行う
margin-bottom 下余白の設定を行う
margin-left 左余白の設定を行う
margin-right 右余白の設定を行う
padding パディングに関連の設定をまとめて行う
padding-top 上パディングの設定を行う
padding-bottom 下パディングの設定を行う
padding-left 左パディングの設定を行う
padding-right 右パディングの設定を行う
position ボックスの配置方法の設定を行う
top 上からの距離の設定を行う
bottom 下からの距離の設定を行う
left 左からの距離の設定を行う
right 右からの距離の設定を行う
display 要素の表示方法の設定を行う
float 要素の回り込み設定を行う
clear 回り込みの解除を行う
z-index 重なった要素の表示順序の設定を行う
visibility 表示・非表示の設定を行う
clip ボックスのクリッピングを行う
overflow 枠外にはみ出た内容表示設定を行う
overflow-x 枠外にはみ出た内容の表示設定を行う(IE)
overflow-y 枠外にはみ出た内容の表示設定を行う(IE)
~イベント・カーソル関連~
属性名 説明
:link 未訪問のリンクの設定を行う
:visited 訪問済のリンクの設定を行う
:hover カーソルを乗せたときの設定を行う
:active アクティブになった時の設定を行う
:focus フォーカスを取得した時の設定を行う
cursor カーソルの形状の設定を行う
~セレクタ関連~
属性名 説明
*{} 全ての要素にスタイルを設定
要素名{} 特定の要素全てにスタイルを設定
.クラス名{} 特定のclass名が設定された要素全てにスタイルを設定
#ID名{} 特定のid名が設定された要素にスタイルを設定
要素名:first-child 指定要素の最初の子要素にスタイルを設定
要素名:first-line 指定要素の最初の行のみスタイルを設定
要素名:first-letter 指定要素の最初の文字のスタイルを設定
要素名:before 指定要素の直前にコンテンツを挿入
要素名:after 指定要素の直後にコンテンツを挿入
要素名[属性名]{} 特定の属性を持つ要素にスタイルを設定
要素名[属性名="値"]{} 特定の値を持つ要素にスタイルを設定
要素名,要素名,要素名・・・ 複数の要素にまとめてスタイルを設定
要素名 要素名 以下の階層全ての該当要素にスタイルを設定
要素名 > 要素名 直下の子要素のスタイルを設定
要素名 + 要素名 直後の要素のスタイルを設定


>> HTMLトップに戻る
●更新履歴
2016/08/16 Java入門ページにページを幾つか追加
2016/04/08 Java入門ページ作成
2016/03/09 メニューレイアウト変更。ブラウザキャッシュのクリアをお願い致します。
2016/03/09 PDOトランザクション、自動コミットモードをオフ追加
2016/03/09 PDO 例外処理 try catch追加
2016/03/09 PDO update文実行追加
2016/03/09 PDO delete文実行追加
2016/03/09 PDO insert文実行追加
2016/03/09 PDO selectでデータを取得、fetchAll、queryメソッド追加
2016/03/09 PDO bindValueとbindParamの違い追加
2016/03/09 PDO prepare プリペアドステートメントの使い方追加
2016/03/04 ソースコードをクリップボードにコピーする機能を追加
2016/03/04 C言語、C++のページのソースコードを一部修正
2014/01/31 C言語関数一覧ページに11ページほど追加
2014/01/31 C言語関数一覧ページに30ページほど追加
2014/01/30 C言語関数一覧ページ作成中
2013/07/01 レイアウト変更に伴いブラウザキャッシュのクリアをお願いします。
2013/07/01 MySQL入門ページ作成
2013/07/01 PHP入門ページにSQLite学習項目追加
2013/06/25 ドメイン変更、レイアウトを一部変更
2013/03/14 レイアウトを一部変更
2012/08/13 C言語よくある課題・宿題ページ開設!
2012/08/13 シューティングゲーム作成第33章追加!
2012/08/11 ドメイン変更&サーバ移設完了
2012/04/21 シューティングゲームプログラミング第2,3章の内容を修正
2012/04/19 シューティングゲームプログラミング第2章の内容を修正
2012/04/03 Googleカスタム検索を設置!
2012/04/03 シューティングゲームプログラミング第32章追加!
2012/04/03 シューティングゲームプログラミング第31章追加!
2012/03/31 サイトをリニューアルしました!
2012/03/25 シューティングゲームプログラミング第30章追加!
2012/03/19 シューティングゲームプログラミング第29章追加!
2012/03/16 シューティングゲームプログラミング第28章追加!
2012/02/27 シューティングゲームプログラミング第27章追加!
2012/02/03 シューティングゲームプログラミング第26章追加!
2012/01/31 シューティングゲームプログラミング第25章追加!
2012/01/20 シューティングゲームプログラミング第23,24章追加!
2012/01/11 シューティングゲームプログラミング第22章追加!
2012/01/05 トップページ、ゲームプログラミング関連のトップページのデザインを変更
2012/01/04 シューティングゲームプログラミング第21章追加!
2012/01/01 シューティングゲームプログラミング第20章追加!
2011/12/25 シューティングゲームプログラミング第19章追加!
2011/12/22 シューティングゲームプログラミング第18章追加!
2011/12/18 シューティングゲームプログラミング第17章追加!
2011/12/17 シューティングゲームプログラミングページOPEN!
2011/11/21 ゲームプログラミングページOPEN!
2011/11/21 サイトデザインを大幅に変更
2011/11/17 TOPページのデザインを変更。相互リンクページに、複数サイト追加。
2011/11/06 WINAPI学習ページ(33~36章)追加
2011/11/05 WINAPI学習ページ(20~32章)追加
2011/10/27 WINAPI学習ページ(14~19章)追加
2011/10/21 WINAPI学習ページ(13章)追加
2011/10/21 サイトマップ、連絡ページ追加
2011/10/17 WINAPI学習ページ(6~11章)追加
2011/10/16 WINAPI学習ページ(1~5章)追加
2011/10/13 全体のレイアウト変更
2011/10/07 PHP学習ページ(8~11章)追加
2011/10/06 PHP学習ページ(1~7章)作成
2011/10/06 JavaScriptリファレンスページ作成
2011/10/05 C言語学習ページ発展編(10~14章)追加
2011/10/04 C言語学習ページ発展編(1~9章)追加。
2011/10/03 HTML/CSSリファレンスのページ追加。(個々の詳細ページは作成中)
2011/09/30 HTML学習ページ(8章)追加
2011/09/29 JavaScript学習ページ(12~17章)追加
2011/09/28 JavaScript学習ページ(1~11章)追加
2011/09/27 HTML学習ページ(4~7章)追加
2011/09/26 C言語学習ページ(27章)追加、C++学習ページ(17章)、HTML学習ページ(1~3章)追加
2011/09/25 C言語学習ページ(23~26章)を追加
2011/09/24 C++学習ページ(9~16章)追加
2011/09/23 C++学習ページ(3~8章)追加
2011/09/22 C言語の学習ページ(22章)とC++学習ページ(1~2章)追加
2011/09/21 C言語の学習ページ(15章~21章)を追加
2011/09/20 C言語の学習ページ(10章~14章)を追加
2011/09/19 サイト作成(随時更新予定)