Caution

お使いのブラウザはJavaScriptが実行できない状態になっております。
当サイトはWebプログラミングの情報サイトの為、
JavaScriptが実行できない環境では正しいコンテンツが提供出来ません。
JavaScriptが実行可能な状態でご閲覧頂くようお願い申し上げます。

辞典

  1. トップページ
  2. CSSプロパティ辞典

CSSプロパティ辞典 一覧ページ

animationアニメーションに関する項目を一括で指定。
animation-delayアニメーションの開始時間の指定。
animation-durationアニメーション一回分の時間を指定。
animation-directionアニメーションを交互に反転再生させるかどうかを指定。
animation-fill-modeアニメーションの再生前、再生後の状態を指定。
animation-iteration-countアニメーションの繰り返し回数を指定。
animation-nameアニメーション名を指定。
animation-timing-functionアニメーションの変化のタイミングや進行割合を指定。
background背景に関する項目を一括で指定。
background-attachmentスクロール時に背景を移動させるかどうかの指定。
background-clip背景を表示させる領域を指定。
background-color背景色を指定。
background-image背景画像を指定。
background-origin背景が描画される場合の基準位置(原点の位置)を指定。
background-position背景画像の描画開始位置を指定。
background-repeat背景画像の繰り返し方法を指定。
background-size背景画像の大きさを指定。
border上下左右の境界線に関する項目をまとめて指定。
border-bottom下部の境界線に関する項目をまとめて指定。
border-bottom-color下部の境界線の色を指定。
border-bottom-left-radius左下の角丸を指定。
border-bottom-right-radius右下の角丸を指定。
border-bottom-style下部の境界線のスタイルを指定。
border-bottom-width下部の境界線の幅を指定。
border-collapse表の各セルの境界線の共有形式を指定。
border-color上下左右の境界線のカラー項目をまとめて指定。
border-left左部の境界線に関する項目をまとめて指定。
border-left-color左部の境界線の色を指定。
border-left-style左部の境界線のスタイルを指定。
border-left-width左部の境界線の幅を指定。
border-radius上下左右の角丸をまとめて指定。
border-right右部の境界線に関する項目をまとめて指定。
border-right-color右部の境界線の色を指定。
border-right-style右部の境界線のスタイルを指定。
border-right-width右部の境界線の幅を指定。
border-spacing表の各セルの隙間を指定。
border-style上下左右の境界線のスタイル項目をまとめて指定。
border-top上部の境界線に関する項目をまとめて指定。
border-top-color上部の境界線の色を指定。
border-top-left-radius左上の角丸を指定。
border-top-right-radius右上の角丸を指定。
border-top-style上部の境界線のスタイルを指定。
border-top-width上部の境界線の幅を指定。
border-width上下左右の境界線の幅をまとめて指定。
bottom基準となる位置の下辺からの距離を指定。
box-orientボックス内の子要素の配置方向を指定する。
box-shadowコンテンツボックスの影を指定。
box-sizingボックスモデル(要素の大きさ)の算出方法を変更。
calc()CSSで演算(計算)を行なえる関数。
clear手前にいるフロートされた要素の回りこみを解除。
clip要素をクリッピング(切り抜き)するかどうかを指定。
color文字色(フォントカラー)を指定。
content:before、:after擬似要素に対して要素を挿入。
cursorマウスカーソルのデザインを変更。
direction文字の進行方向を指定。
display要素の表示形式を指定。
empty-cells空のテーブルセル要素の表示方法を指定。
filter画像やテキストにフィルタ効果を指定する。
float要素を浮動要素にして左右に寄せる形で配置。
fontフォントに関する項目をまとめて指定。
font-familyフォントファミリーを指定。
font-sizeフォントサイズを指定。
font-styleフォントのスタイルを指定。
font-variantフォントのスモールキャピタルの表示項目を指定。
font-weightフォントの太さを指定。
height要素の高さを指定。
left基準となる位置の左辺からの距離を指定。
letter-spacing字間(文字の横方向の間隔)を指定。
linear-gradient()背景色に線形グラデーションを指定。
line-height行ボックスの最小の高さを指定。
list-styleリストのマーカーに関する項目をまとめて指定。
list-style-imageリストのマーカーに使用する画像を指定。
list-style-positionリストのマーカーの位置を指定。
list-style-typeリストのマーカーの種類を指定。
margin四方のマージン(外側の余白)をまとめて指定。
margin-bottom下方向のマージン(外側の余白)を指定。
margin-left左方向のマージン(外側の余白)を指定。
margin-right右方向のマージン(外側の余白)を指定。
margin-top上方向のマージン(外側の余白)を指定。
max-height要素の最大となる高さを指定。
max-width要素の最大となる横幅を指定。
min-height要素の最小となる高さを指定。
min-width要素の最小となる横幅を指定。
opacity要素の透明度を指定。
outlineアウトラインに関する項目をまとめて指定。
outline-colorアウトラインの色を指定。
outline-styleアウトラインのスタイルを指定。
outline-widthアウトラインの幅を指定。
overflowはみ出した部分の表示方法を指定。
overflow-xx軸方向(横方向)のはみ出した部分の表示方法を指定。
overflow-yy軸方向(縦方向)のはみ出した部分の表示方法を指定。
padding四方のパディング(内側の余白)をまとめて指定。
padding-bottom下方向のパディング(内側の余白)を指定。
padding-left左方向のパディング(内側の余白)を指定。
padding-right右方向のパディング(内側の余白)を指定。
padding-top上方向のパディング(内側の余白)を指定。
page-break-after印刷時のページ送りの位置を指定。
page-break-before印刷時のページ送りの位置を指定。
position要素の配置方法を指定。
radial-gradient()背景色に円形グラデーションを指定。
right基準となる位置の右辺からの距離を指定。
table-layouttable要素の各セルの幅の表示方法を指定。
text-alignインラインコンテンツの文字寄せの位置を指定。
text-decorationテキストの装飾を指定。
text-indentテキストの最初の段落のインデント幅を指定。
text-overflowはみ出したテキストを省略して末尾に「…」を表示。
text-shadowテキストの影を指定。
text-transform英字などのテキストの大文字小文字を指定。
top基準となる位置の上辺からの距離を指定。
transform2D変形または、3D変形の効果を指定。
transform-origin2D変形または、3D変形の基点を指定。
transitiontransition効果の項目を一括で指定。
transition-delaytransition変化がいつ始まるかを指定。
transition-durationtransition変化に掛かる時間を指定。
transition-propertytransition効果を適用するCSSプロパティ名を指定
transition-timing-functiontransition変化のタイミングや変換を指定。
unicode-bidi『Unicode』の文字進行方向を上書き。
vertical-align垂直方向の整列位置を指定。
visibility要素の表示、非表示を指定。
white-space半角スペース、タブ文字、改行の表示方法を指定。
width要素の横幅を指定。
word-spacing単語間の間隔を指定。
word-wrap単語の途中で改行させるかどうかを指定。
z-index要素の重なり具合(スタックレベル)を指定。
CSS文法 超まとめCSS文法の超まとめです。
【CSSセレクタ】各部の名称CSSセレクタとHTML要素の各部の名前について
【CSSセレクタ】*全ての要素に対して適用
【CSSセレクタ】E:active要素に対してマウスクリックされている間だけ適用
【CSSセレクタ】E:after要素の最後の子要素を生成
【CSSセレクタ】E:before要素の最初の子要素を生成
【CSSセレクタ】E:checkedチェックが入っている要素に適用
【CSSセレクタ】E.className特定のclass名(クラス名)がつけられた要素
【CSSセレクタ】E:disableddisabled状態の要素に適用
【CSSセレクタ】E:enabledenabled状態の要素に適用
【CSSセレクタ】E:first-child最初の子要素を指定
【CSSセレクタ】E:first-letter要素の最初の行の最初の文字に適用
【CSSセレクタ】E:first-line要素の最初の行に適用
【CSSセレクタ】E:first-of-type最初の子要素を指定
【CSSセレクタ】E:focusフォーカス中の要素に適用
【CSSセレクタ】E:hover要素に対してマウスホバーされている間だけ適用
【CSSセレクタ】E#idName特定のid名がつけられた要素
【CSSセレクタ】E:last-child最後の子要素を指定
【CSSセレクタ】E:last-of-type同じ要素名を持つ最後の子要素を指定
【CSSセレクタ】E:linkリンク先が存在する要素に適用
【CSSセレクタ】E:not(s)sで指定するセレクタに当てはまらないE要素
【CSSセレクタ】E:nth-child(n)上から数えてn番目の子要素に適用
【CSSセレクタ】E:nth-last-child(n)最後から数えてn番目の子要素に適用
【CSSセレクタ】E:nth-of-type(n)上から数えて同じ要素名を持つn番目の子要素に適用
【CSSセレクタ】E:nth-last-of-type(n)下から数えて同じ要素名を持つn番目の子要素に適用
【CSSセレクタ】E:only-child唯一の子要素を指定
【CSSセレクタ】E:rootHTMLドキュメントのルート要素を指定
【CSSセレクタ】E:targetURLのハッシュ値と同じid要素を持つ要素に適用
【CSSセレクタ】E:visitedリンク先が訪問済みの要素に適用
【CSSセレクタ】E要素名を指定して適用
【CSSセレクタ】E FE要素の子孫となるF要素
【CSSセレクタ】E > FE要素の子となるF要素
【CSSセレクタ】E + FE要素の直後に隣接しているF要素
【CSSセレクタ】E ~ FE要素の後ろにある同じ階層のF要素
【CSSセレクタ】E[foo]foo属性を持つE要素
【CSSセレクタ】E[foo="bar"]特定の属性と値の文字列が完全一致した要素に適用
【CSSセレクタ】E[foo~="bar"]特定の属性と値を半角スペースで区切った単語が一致した要素に適用
【CSSセレクタ】E[foo|="bar"]特定の属性と値を『-』で区切った最初の単語が一致した要素に適用
【CSSセレクタ】E[foo^="bar"]特定の属性と値の最初の文字列が一致した要素に適用
【CSSセレクタ】E[foo$="bar"]特定の属性と値の最後の文字列が一致した要素に適用
【CSSセレクタ】E[foo*="bar"]特定の属性と値の一部の文字列が一致した要素に適用
シェア
このエントリーをはてなブックマークに追加