w3ii「CSSリファレンスは、すべての主要なブラウザと定期的にテストされています。
CSSプロパティ
CSSプロパティグループ
"CSS"欄は、CSSのバージョンでプロパティが定義されていることを示し(CSS1, CSS2, or CSS3) 。
カラープロパティ
| プロパティ | 説明 | CSS |
|---|---|---|
| color | テキストの色を設定します。 | 1 |
| opacity | 要素の不透明度を設定します。 | 3 |
背景と境界のプロパティ
| プロパティ | 説明 | CSS |
|---|---|---|
| background | 1宣言内のすべてのバックグラウンドプロパティを設定するための簡略記述特性 | 1 |
| background-attachment | 背景画像は、ページの残りの部分に固定またはスクロールされているかどうかを設定します | 1 |
| background-blend-mode | 各背景レイヤーの描画モードを指定します(color/image) | 3 |
| background-color | 要素の背景色を指定します。 | 1 |
| background-image | 要素のための1つまたは複数の背景画像を指定します | 1 |
| background-position | 背景画像の位置を指定します。 | 1 |
| background-repeat | 背景画像が繰り返される方法を設定します | 1 |
| background-clip | 背景の絵の領域を指定します | 3 |
| background-origin | 背景ここで指定しimage(s) /配置されているされています | 3 |
| background-size | 背景のサイズを指定しimage(s) | 3 |
| border | 1宣言内のすべての境界プロパティを設定します。 | 1 |
| border-bottom | 1宣言内のすべての下の境界プロパティを設定します。 | 1 |
| border-bottom-color | 下の境界線の色を設定します。 | 1 |
| border-bottom-left-radius | 左下の境界線の形状を定義します | 3 |
| border-bottom-right-radius | 右下隅の境界線の形状を定義します | 3 |
| border-bottom-style | 下境界線のスタイルを設定します | 1 |
| border-bottom-width | 下境界線の幅を設定します。 | 1 |
| border-color | 4境界線の色を設定します | 1 |
| border-image | すべての境界-像通り*プロパティを設定するための簡略記述特性 | 3 |
| border-image-outset | 境界画像領域が境界ボックスを越えて延びている量を指定します。 | 3 |
| border-image-repeat | 境界画像は、繰り返し丸めたり伸ばしするかどうかを指定します | 3 |
| border-image-slice | 境界画像をスライスする方法を指定します | 3 |
| border-image-source | 境界として使用する画像へのパスを指定します | 3 |
| border-image-width | 画像ボーダーの幅を指定します。 | 3 |
| border-left | 1宣言内のすべての左の境界線プロパティを設定します。 | 1 |
| border-left-color | 左の境界線の色を設定します。 | 1 |
| border-left-style | 左境界線のスタイルを設定します | 1 |
| border-left-width | 左境界線の幅を設定します。 | 1 |
| border-radius | すべての4つの境界線を設定するための簡略記述特性 - * - 半径特性 | 3 |
| border-right | 1宣言内のすべての右境界線のプロパティを設定します。 | 1 |
| border-right-color | 右側の境界線の色を設定します。 | 1 |
| border-right-style | 右側の境界線のスタイルを設定します | 1 |
| border-right-width | 右側の境界線の幅を設定します。 | 1 |
| border-style | 4境界線のスタイルを設定します | 1 |
| border-top | 1宣言で全ての上部の境界線のプロパティを設定します。 | 1 |
| border-top-color | 上罫線の色を設定します。 | 1 |
| border-top-left-radius | 左上隅の境界線の形状を定義します | 3 |
| border-top-right-radius | 右上隅の境界線の形状を定義します | 3 |
| border-top-style | 上部の境界線のスタイルを設定します | 1 |
| border-top-width | 上部の境界線の幅を設定します。 | 1 |
| border-width | 4境界線の幅を設定します | 1 |
| box-decoration-break | 改行で、インライン要素のために、改ページの要素の背景と境界の動作を設定し、または。 | 3 |
| box-shadow | ボックスへの1つ以上のドロップシャドウを添付します | 3 |
基本ボックスのプロパティ
| プロパティ | 説明 | CSS |
|---|---|---|
| bottom | 位置指定要素の底部位置を指定します。 | 2 |
| clear | 他の浮動要素が許可されていない要素のどの辺を指定します。 | 1 |
| clip | クリップ絶対配置要素 | 2 |
| display | 特定のHTML要素をどのように表示するかを指定します | 1 |
| float | ボックスが浮くかどうかを指定します | 1 |
| height | 要素の高さを設定します。 | 1 |
| left | 位置指定要素の左の位置を指定します。 | 2 |
| margin | 1宣言で全てのマージンプロパティを設定します。 | 1 |
| margin-bottom | 要素の下マージンを設定します。 | 1 |
| margin-left | 要素の左マージンを設定します。 | 1 |
| margin-right | 要素の右マージンを設定します。 | 1 |
| margin-top | 要素の上マージンを設定します。 | 1 |
| max-height | エレメントの最大の高さを設定します。 | 2 |
| max-width | 要素の幅の上限を設定します。 | 2 |
| min-height | エレメントの最小の高さを設定します。 | 2 |
| min-width | エレメントの最小の幅を設定します。 | 2 |
| overflow | コンテンツは要素のボックスをオーバーフローした場合に何が起こるかを指定します | 2 |
| overflow-x | それは要素のコンテンツ領域をオーバーフローした場合、コンテンツの左/右のエッジをクリップするかどうかを指定します | 3 |
| overflow-y | それは要素のコンテンツ領域をオーバーフローした場合、コンテンツのトップ/ボトムのエッジをクリップするかどうかを指定します | 3 |
| padding | 1宣言内のすべてのパディングのプロパティを設定します。 | 1 |
| padding-bottom | 要素の下パディングを設定します。 | 1 |
| padding-left | 要素の左パディングを設定します。 | 1 |
| padding-right | 要素の右パディングを設定します。 | 1 |
| padding-top | 要素の上部パディングを設定します。 | 1 |
| position | 測位方法の種類は、要素のために使用を指定（静的相対的、絶対的または固定） | 2 |
| right | 位置指定要素の右の位置を指定します。 | 2 |
| top | 位置指定要素の先頭位置を指定します。 | 2 |
| visibility | 要素が表示されているかどうかを指定します | 2 |
| width | 要素の幅を設定します。 | 1 |
| vertical-align | エレメントの垂直方向の配置を設定します。 | 1 |
| z-index | 位置指定要素のスタック順序を設定します | 2 |
フレキシブルボックスレイアウト
| プロパティ | 説明 | CSS |
|---|---|---|
| align-content | アイテムは、すべての利用可能なスペースを使用しないときにフレキシブルコンテナ内部の線の間の位置合わせを指定します | 3 |
| align-items | フレキシブルコンテナ内のアイテムの配置を指定します | 3 |
| align-self | フレキシブルコンテナ内部の選択した項目のための配置を指定します | 3 |
| flex | 残りの部分に比べ、項目の長さを指定します。 | 3 |
| flex-basis | 柔軟性のある項目の最初の長さを指定します。 | 3 |
| flex-direction | 柔軟性のあるアイテムの方向を指定します。 | 3 |
| flex-flow | フレックス方向とフレックスラップ特性のための簡略記述特性 | 3 |
| flex-grow | アイテムは残りの部分への相対成長する量を指定 | 3 |
| flex-shrink | アイテムは残りの部分への相対的な縮小方法を指定します | 3 |
| flex-wrap | 柔軟性のある項目は包むかないかどうかを指定します | 3 |
| justify-content | アイテムは、すべての利用可能なスペースを使用しないときにフレキシブルコンテナ内の項目間のアライメントを指定します。 | 3 |
| order | 柔軟性のある項目の順序は、残りの部分に比べて、設定します。 | 3 |
テキストプロパティ
| プロパティ | 説明 | CSS |
|---|---|---|
| hanging-punctuation | 句読点文字が行ボックスの外側に配置することができるかどうかを指定します | 3 |
| hyphens | 段落のレイアウトを改善するために、単語を分割する方法を設定 | 3 |
| letter-spacing | 増加またはテキスト内の文字の間にスペースを減少させます | 1 |
| line-break | 行を分割する方法を/どうかを指定します | 3 |
| line-height | 行の高さを設定します。 | 1 |
| overflow-wrap | ブラウザがオーバーフローを防止するために、単語内の行を破損する可能性かどうかを指定します（文字列が入っている箱を収めるには長すぎる場合） | 3 |
| tab-size | タブ文字の長さを指定します | 3 |
| text-align | テキストの水平方向の配置を指定します。 | 1 |
| text-align-last | ブロックまたは行の最後の行は、テキスト整列がある場合、強制改行が整列される直前方法について説明します"justify" | 3 |
| text-combine-upright | 単一の文字の空間に複数の文字の組み合わせを指定します。 | 3 |
| text-indent | テキストブロック内の最初の行のインデントを指定します。 | 1 |
| text-justify | テキスト整列がある場合に使用される正当化方法を指定し"justify" | 3 |
| text-transform | テキストの大文字と小文字を制御します | 1 |
| white-space | 要素内の空白の処理方法を指定します | 1 |
| word-break | 非CJKスクリプトの行分割規則を指定します。 | 3 |
| word-spacing | 増加またはテキスト内の単語の間にスペースを減少させます | 1 |
| word-wrap | 長い、割れない言葉が破壊されることを可能にし、次の行に折り返さ | 3 |
テキストの装飾のプロパティ
| プロパティ | 説明 | CSS |
|---|---|---|
| text-decoration | 装飾は、テキストに追加指定します | 1 |
| text-decoration-color | テキストの装飾の色を指定します。 | 3 |
| text-decoration-line | テキストの装飾にラインのタイプを指定します | 3 |
| text-decoration-style | テキストの装飾で線のスタイルを指定します。 | 3 |
| text-shadow | テキストに影を追加します。 | 3 |
| text-underline-position | テキストの装飾のプロパティを使用して設定されている下線の位置を指定します。 | 3 |
フォントのプロパティ
| プロパティ | 説明 | CSS |
|---|---|---|
| @font-face | ウェブサイト以外のフォントをダウンロードして使用することができますルール"web-safe"のフォントを | 3 |
| @font-feature-values | 著者らは、OpenTypeフォントで異なる活性化された機能のフォントバリアント-交互に共通の名前を使用することができます | 3 |
| font | 1宣言内のすべてのフォントのプロパティを設定します。 | 1 |
| font-family | テキストのフォントファミリを指定します。 | 1 |
| font-feature-settings | OpenTypeフォントで高度なタイポグラフィ機能の制御を可能にします | 3 |
| font-kerning | カーニング情報の利用を制御します(how letters are spaced) | 3 |
| font-language-override | 書体で言語固有のグリフの使用を制御 | 3 |
| font-size | テキストのフォントサイズを指定します。 | 1 |
| font-size-adjust | フォントフォールバックが発生したときに、テキストの読みやすさを保持 | 3 |
| font-stretch | フォントファミリから、通常の凝縮された、または拡張顔を選択 | 3 |
| font-style | テキストのフォントスタイルを指定 | 1 |
| font-synthesis | 不足している書体のコントロール(bold or italic) 、ブラウザによって合成することができます | 3 |
| font-variant | テキストは、スモールキャップフォントで表示する必要があるかどうかを指定します | 1 |
| font-variant-alternates | @フォントの特徴値で定義された代替名に関連付けられた代替グリフの使用を制御します | 3 |
| font-variant-caps | 大文字の代替グリフの使用を制御します | 3 |
| font-variant-east-asian | （例えば、日本語、中国語）東アジアのスクリプトの代替グリフの使用を制御します | 3 |
| font-variant-ligatures | 合字や文脈形態は、それが適用される要素のテキストコンテンツで使用されているコントロール | 3 |
| font-variant-numeric | 数字、画分、および序マーカーの代替グリフの使用を制御します | 3 |
| font-variant-position | フォントのベースラインに関する付きまたは下付きとして位置づけ小さいサイズの異体字の使用を制御します | 3 |
| font-weight | フォントの太さを指定 | 1 |
書き込みモードプロパティ
| プロパティ | 説明 | CSS |
|---|---|---|
| direction | テキストの方向/書き込み方向を指定します。 | 2 |
| text-orientation | 行のテキストの方向を定義します | 3 |
| text-combine-upright | 単一の文字の空間に複数の文字の組み合わせを指定します。 | 3 |
| unicode-bidi | 一緒に使用される方向のテキストは、同じドキュメント内の複数の言語をサポートするためにオーバーライドする必要があるかどうかを設定または返すようにプロパティ | 2 |
| writing-mode | 3 |
テーブルプロパティ
| プロパティ | 説明 | CSS |
|---|---|---|
| border-collapse | 表の罫線が崩壊するかどうかを指定します | 2 |
| border-spacing | 隣接するセルの境界線との間の距離を指定します。 | 2 |
| caption-side | テーブルのキャプションの配置を指定します | 2 |
| empty-cells | テーブルに空のセルに罫線や背景を表示するかどうかを指定します | 2 |
| table-layout | レイアウトアルゴリズムは、テーブルに使用する設定 | 2 |
リストとカウンタのプロパティ
| プロパティ | 説明 | CSS |
|---|---|---|
| counter-increment | 1以上のカウンタをインクリメントします | 2 |
| counter-reset | 作成または1つ以上のカウンタをリセットします | 2 |
| list-style | 1宣言で、リストのすべてのプロパティを設定します。 | 1 |
| list-style-image | リスト項目のマーカーとして画像を指定します。 | 1 |
| list-style-position | リスト項目マーカーがコンテンツフローの内側または外側に表示されるかどうかを指定します | 1 |
| list-style-type | リスト項目のマーカーの種類を指定します。 | 1 |
アニメーションのプロパティ
| プロパティ | 説明 | CSS |
|---|---|---|
| @keyframes | アニメーションコードを指定します。 | 3 |
| animation | （アニメーションプレイ状態とアニメーションフィルモードを除く）すべてのアニメーションプロパティの短縮形プロパティ | 3 |
| animation-delay | アニメーションの開始の遅延を指定します。 | 3 |
| animation-direction | アニメーションが交互のサイクルで逆に再生するかどうかを指定します | 3 |
| animation-duration | アニメーションが1サイクルを完了するのにかかる秒数またはミリ秒単位で指定します | 3 |
| animation-fill-mode | アニメーションが再生されていないときに要素のスタイルを指定する(when it is finished, or when it has a delay) | 3 |
| animation-iteration-count | アニメーションを再生する回数を指定します。 | 3 |
| animation-name | @keyframesアニメーションの名前を指定します。 | 3 |
| animation-play-state | アニメーションが実行中または一時停止しているかどうかを指定します | 3 |
| animation-timing-function | アニメーションの速度曲線を指定します。 | 3 |
プロパティの変換
| プロパティ | 説明 | CSS |
|---|---|---|
| backface-visibility | 画面に面していないときに要素が見えるようにするかどうかを定義します | 3 |
| perspective | 表示方法3D要素に視点を指定します。 | 3 |
| perspective-origin | 3D要素の底部位置を指定します。 | 3 |
| transform | 要素に2Dまたは3D変換を適用 | 3 |
| transform-origin | あなたが変換された要素上の位置を変更することができます | 3 |
| transform-style | 3D空間でレンダリングされるかネストされた要素を指定します | 3 |
トランジションのプロパティ
| プロパティ | 説明 | CSS |
|---|---|---|
| transition | 4トランジションのプロパティを設定するための簡略記述特性 | 3 |
| transition-property | トランジションエフェクトの対象となるCSSプロパティの名前を指定します。 | 3 |
| transition-duration | トランジションエフェクトが完了するまでの秒数またはミリ秒単位で指定します | 3 |
| transition-timing-function | トランジションエフェクトの速度曲線を指定します。 | 3 |
| transition-delay | トランジションエフェクトが開始されたときに指定します | 3 |
基本的なユーザーインターフェイスのプロパティ
| プロパティ | 説明 | CSS |
|---|---|---|
| box-sizing | サイジング特性どのようなブラウザに指示します(width and height)含める必要があります | 3 |
| content | 生成されたコンテンツを挿入するために、after疑似要素：前と：で使用 | 2 |
| cursor | カーソルの種類を表示するように指定し | 2 |
| ime-mode | テキストフィールドの入力方式エディタの状態を制御します | 3 |
| nav-down | 矢印ダウンナビゲーションキーを使用するときにナビゲートする場所を指定します | 3 |
| nav-index | 要素のタブ順序を指定します。 | 3 |
| nav-left | 矢印左のナビゲーションキーを使用するときにナビゲートする場所を指定します | 3 |
| nav-right | 矢印右ナビゲーションキーを使用するときにナビゲートする場所を指定します | 3 |
| nav-up | 矢印アップナビゲーションキーを使用するときにナビゲートする場所を指定します | 3 |
| outline | 1宣言内のすべてのアウトラインのプロパティを設定します。 | 2 |
| outline-color | アウトラインの色を設定します。 | 2 |
| outline-offset | アウトラインを相殺し、境界エッジを越えて、それを描きます | 3 |
| outline-style | アウトラインのスタイルを設定します | 2 |
| outline-width | 輪郭線の幅を設定します | 2 |
| resize | 要素がユーザーによってサイズを変更できるかどうかを指定します | 3 |
| text-overflow | テキストが含まれている要素をオーバフローしたときにどうするかを指定します | 3 |
マルチカラムレイアウトのプロパティ
| プロパティ | 説明 | CSS |
|---|---|---|
| break-after | 生成されるボックスの後PAGE-、カラム・、または地域ブレーク動作を指定します | 3 |
| break-before | 生成されるボックスの前にPAGE-、カラム・、または地域ブレーク動作を指定します | 3 |
| break-inside | 生成されたボックス内にPAGE-、カラム・、または地域ブレーク動作を指定します | 3 |
| column-count | 要素がに分割されるべき列の数を指定します。 | 3 |
| column-fill | 列を埋める方法を指定します | 3 |
| column-gap | 列の間のギャップを指定します。 | 3 |
| column-rule | すべての列-rule- *プロパティを設定するための簡略記述特性 | 3 |
| column-rule-color | 列間のルールの色を指定します | 3 |
| column-rule-style | 列間のルールのスタイルを指定します。 | 3 |
| column-rule-width | 列間のルールの幅を指定します | 3 |
| column-span | 要素は全体またがる列数を指定します | 3 |
| column-width | 列の幅を指定します。 | 3 |
| columns | 列幅と列数を設定するための簡略記述特性 | 3 |
| widows | 改ページは、要素の内部発生したときにページの上部に残されなければならない行の最小数を設定します。 | 2 |
ページ媒体
| プロパティ | 説明 | CSS |
|---|---|---|
| orphans | 改ページは、要素の内部発生したときに、ページの下部に残されなければならない行の最小数を設定します。 | 2 |
| page-break-after | 要素の後にページ分割動作を設定します。 | 2 |
| page-break-before | 要素の前にページ分割動作を設定します。 | 2 |
| page-break-inside | 要素内のページ破りの動作を設定します | 2 |
ページ媒体用に生成されたコンテンツ
| プロパティ | 説明 | CSS |
|---|---|---|
| marks | 文書に作物および/または十字マークを追加します。 | 3 |
| quotes | 埋め込まれた引用のための引用符の種類を設定します。 | 2 |
フィルタ効果のプロパティ
| プロパティ | 説明 | CSS |
|---|---|---|
| filter | エフェクト定義します(eg blurring or color shifting)の要素には、要素が表示される前に | 3 |
画像値と置き換えコンテンツ
| プロパティ | 説明 | CSS |
|---|---|---|
| image-orientation | ユーザエージェントが画像に適用されることを右または時計回りに回転が（このプロパティは、おそらく非推奨となり、その機能は、HTMLに移動されようとしている）を指定します | 3 |
| image-rendering | 画像がスケーリングされたときに保存する画像の側面が最も重要であるかについて、ブラウザへのヒントを提供します | 3 |
| image-resolution | 要素に/で使用されるすべてのラスタ画像の本質的な解像度を指定します。 | 3 |
| object-fit | 置き換え要素の内容は、その使用高さと幅によって確立されたボックスに装着する方法を指定します | 3 |
| object-position | そのボックス内に交換要素の配置を指定します | 3 |
マスキングプロパティ
| プロパティ | 説明 | CSS |
|---|---|---|
| mask | 3 | |
| mask-type | 3 |
スピーチのプロパティ
| プロパティ | 説明 | CSS |
|---|---|---|
| mark | マークの前とマークの後にプロパティを設定するための簡略記述特性 | 3 |
| mark-after | 名前のマーカーは、オーディオストリームに結合することができるようにします | 3 |
| mark-before | 名前のマーカーは、オーディオストリームに結合することができるようにします | 3 |
| phonemes | 対応する要素に含まれるテキストのふりがなを指定します | 3 |
| rest | 残り-前と残り-後にプロパティを設定するための簡略記述特性 | 3 |
| rest-after | 残りや韻律境界は要素の内容を話す後に観察されるように指定します | 3 |
| rest-before | 要素の内容を話す前に、遵守すべき残りや韻律境界を指定します。 | 3 |
| voice-balance | 左右のチャンネル間のバランスを指定します。 | 3 |
| voice-duration | それは選択された要素の内容をレンダリングするために取るべき時間を指定します | 3 |
| voice-pitch | 平均ピッチを指定します(a frequency)話し声のを | 3 |
| voice-pitch-range | 平均ピッチの変化を指定します | 3 |
| voice-rate | 発話速度を制御します | 3 |
| voice-stress | 強調の強さが適用されるかを示します | 3 |
| voice-volume | 音声合成することにより、波形出力の振幅を指し、 | 3 |
マーキーのプロパティ
| プロパティ | 説明 | CSS |
|---|---|---|
| marquee-direction | 動画コンテンツの方向を設定します | 3 |
| marquee-play-count | 設定した回数のコンテンツに移動 | 3 |
| marquee-speed | どのくらいの速コンテンツがスクロールを設定します。 | 3 |
| marquee-style | 移動コンテンツのスタイルを設定します | 3 |