CSSリファレンスマニュアル

CSS @ルール(RULES)

CSS属性全書

CSS属性全書（機能別）

CSS属性はアルファベット順に検索できます。この部分には最新のCSSに属するものが含まれています。3規範の標準属性の完全なリスト。すべての属性は、アニメーション属性、背景属性、境界線属性、色属性、高さ幅サイズサイズ、Flexフレックスボックス、フォント属性、リストアイテム属性、マージン属性、輪郭属性、テキストフォント属性、視覚属性などに分類されます。

アニメーション属性(Animation)

属性	説明
`animation`	キーフレームに基づくアニメーションを指定します。
`animation-delay`	アニメーションがいつ始まるかを指定します。
`animation-direction`	アニメーションが交互のループで逆方向に再生されるかどうかを指定します。
`animation-duration`	アニメーションが一周期を完了するのにかかる秒数またはミリ秒数を指定します。
`animation-fill-mode`	CSSアニメーションが実行前に、実行後にどのようにスタイルを適用するかを指定します。
`animation-iteration-count`	アニメーションが停止する前に何回動画を再生するかを指定します。
`animation-name`	指定する`@keyframes`選択された要素に適用される既定アニメーションの名前を指定します。
`animation-play-state`	アニメーションが実行されるか、停止されるかを指定します。
`animation-timing-function`	CSSアニメーションが各周期でどのように行われるべきかを指定します。

背景属性(Background)

属性	説明
`background`	一つの宣言でさまざまな背景属性を定義します。
`background-attachment`	背景画像が視口内で固定されるか、スクロールされるかを指定します。
`background-clip`	背景の描画エリアを指定します。
`background-color`	要素の背景色を定義します。
`background-image`	要素の背景画像を定義します。
`background-D変換が要素に適用されます。`	背景画像の定位エリアを指定します。
`background-position`	背景画像の原点を定義します。
`background-repeat`	指定するかどうか/背景画像のタイル方法を指定します。
`background-size`	背景画像のサイズを指定します。

枠線属性(Border)

属性	説明
`border`	要素の枠線のすべての4つの側面の幅、スタイル、色を設定します。
`border-bottom`	要素の下部の枠線の幅、スタイル、色を設定します。
`border-bottom-color`	要素の下部の枠線の色を設定します。
`border-bottom-left-radius`	要素の左下部の境界角の形状を定義します。
`border-bottom-right-radius`	要素の右下部の境界の形状を定義します。
`border-bottom-transform`	要素の下部の枠線のスタイルを設定します。
`border-bottom-width`	要素の下部の枠線の幅を設定します。
`border-color`	要素のすべての4つの側面の枠線の色を設定します。
`border-image`	画像を使用して枠線のスタイルをどう使うかを指定します。
`border-image-outset`	枠線の画像領域が枠線の範囲を超える量を指定します。
`border-image-repeat`	画像の枠線が繰り返し、四捨五入、または伸びるかを指定します。
`border-image-slice`	画像の枠線の内向きのオフセットを指定します。
`border-image-source`	枠線として使用する画像の場所を指定します。
`border-image-width`	画像の枠線の幅を指定します。
`border-left`	要素の左側の枠線の幅、スタイル、色を設定します。
`border-left-color`	要素の左側の枠線の色を設定します。
`border-left-transform`	要素の左側の枠線のスタイルを設定します。
`border-left-width`	要素の左側の枠線の幅を設定します。
`border-radius`	要素の境界角の形状を定義します。
`border-right`	要素の右側の枠線の幅、スタイル、色を設定します。
`border-right-color`	要素の右側の枠線の色を設定します。
`border-right-transform`	要素の右側の枠線のスタイルを設定します。
`border-right-width`	要素の右側の枠線の幅を設定します。
`border-transform`	要素のすべての4つの面上の枠線のスタイルを設定します。
`border-top`	要素の上部の枠線の幅、スタイル、色を設定します。
`border-top-color`	要素の上部の枠線の色を設定します。
`border-top-left-radius`	要素の左上角の形状を定義します。
`border-top-right-radius`	要素の右上角の形状を定義します。
`border-top-transform`	要素の上部の枠線のスタイルを設定します。
`border-top-width`	要素の上部の枠線の幅を設定します。
`border-width`	要素のすべての4つの側面の枠線の幅を設定します。

色属性（Color）

属性	説明
`color`	要素のテキストの色を指定します。
`opacity`	要素の透明度を指定します。

サイズ属性（Size）

属性	説明
`height`	要素の高さを指定します。
`max-height`	要素の最大高さを指定します。
`max-width`	要素の最大幅を指定します。
`要素の最小高さを指定します。-height`	max
`要素の最小高さを指定します。-width`	min
`width`	要素の最小幅を指定します。

要素の幅を指定します。

属性	説明
`content`	内容属性（Content）
`生成された内容を挿入します。`	quotes
`カウンタを作成またはリセットします。-インラインクォートのクォートを指定します。`	reset
`カウンタを作成またはリセットします。-increment`	1つまたは複数のカウンタ値を増加させます。

フレックスFlexボックスレイアウト（Flex）

属性	説明
`align-content`	フレックスコンテナ内のフレックスコンテナのアイテムのアライメント方法を指定します。
`align-items`	フレックスコンテナ内のアイテムに対してデフォルトのアライメント方法を指定します。
`align-self`	フレックスコンテナ内の選定プロジェクトのアライメント方法を指定します。
`flex`	フレックス長さの成分を指定します。
`flex-basis`	フレックスアイテムの初期主要サイズを指定します。
`flex-direction`	フレックスアイテムの方向を指定します。
`flex-flow`	`flex-direction`和`flex-word`属性的简写属性
`flex-grow`	フレックスアイテムがフレックスコンテナ内の他のアイテムに対してどのように拡大するかを指定します。
`flex-shrink`	フレックスアイテムがフレックスコンテナ内の他のアイテムに対してどのように縮小するかを指定します。
`flex-word`	フレックスアイテムを包装すべきかどうかを指定します。
`justify-content`	フレックス長さと自動ページエッジの解決が完了した後、フレックスアイテムがフレックスコンテナのメイン軸にどのようにアライメントされるかを指定します。
`order`	フレックスアイテムがフレックスコンテナ内でどのように表示され、レイアウトされるかを指定します。

フォント属性（Fonts）

属性	説明
`font`	一つの宣言で様々なフォント属性を定義します。
`font-family`	要素のフォントリストを定義します。
`font-size`	テキストのフォントサイズを定義します。
`font-size-adjust`	フォントリフレッシュが発生した場合、テキストの読みやすさを維持します。
`font-stretch`	フォントから通常の、コンパクトな、または拡張されたフォントを選択します。
`font-transform`	テキストのフォントスタイルを定義します。
`font-variant`	フォントのバリエーションを指定します。
`font-weight`	テキストの字重を指定します。

リストアイテム属性（Lists）

属性	説明
`list-transform`	リストとリスト要素の表示スタイルを定義します。
`list-transform-image`	リストアイテムマークとして使用される画像を指定します。
`list-transform-position`	リストアイテムマークの場所を指定します。
`list-transform-type`	リストアイテムのマークスタイルを指定します。

マージン属性（Margin）

属性	説明
`margin`	要素の全ての4面にマージンを設定します。
`margin-bottom`	要素の下マージンを設定します。
`margin-left`	要素の左マージンを設定します。
`margin-right`	要素の右マージンを設定します。
`margin-top`	要素の上マージンを設定します。

多列レイアウト属性（Column）

属性	説明
`column-count`	多列元素の列数を指定します。
`column-fill`	列をどう埋めるかを指定します。
`column-gap`	多列元素の各列間の間隔を指定します。
`column-指定在多列布局中的列之间绘制的规则的样式。`	多列元素の各列間に描画される線または「ルール」を指定します。
`column-指定在多列布局中的列之间绘制的规则的样式。-color`	指定在多列布局中的列之间绘制的规则的颜色。
`column-指定在多列布局中的列之间绘制的规则的样式。-transform`	指定在多列布局中的列之间绘制的规则的颜色。
`column-指定在多列布局中的列之间绘制的规则的样式。-width`	rule
`column-指定在多列布局中的列之间绘制的规则的宽度。`	指定元素在多列布局中跨越多少列。
`column-width`	指定多列要素中列的最佳宽度。
`columns`	用于设置`column-width`和`column-count`属性的简写属性

轮廓属性(Outline)

属性	説明
`outline`	オートラインのすべての4つの辺の幅、スタイル、色を設定します。
`outline-color`	オートラインの色を設定します。
`outline-offset`	オートラインと要素の境界線の間のスペースを設定します。
`outline-transform`	オートラインのスタイルを設定します。
`outline-width`	オートラインの幅を設定します。

填充属性(Padding)

属性	説明
`padding`	要素のすべての4つの面にフィルルを設定します。
`padding-bottom`	フィルルを要素の底側に設定します。
`padding-left`	フィルルを要素の左側に設定します。
`padding-right`	フィルルを要素の右側に設定します。
`padding-top`	フィルルを要素のトップに設定します。

印刷属性(Print)

属性	説明
`page-要素内の空白の処理方法を指定します。-after`	要素の後にページシーカーを挿入します。
`page-要素内の空白の処理方法を指定します。-before`	要素の前にページシーカーを挿入します。
`page-要素内の空白の処理方法を指定します。-inside`	要素内にページシーカーを挿入します。

表属性(Table)

属性	説明
`border-collapse`	テーブルセルの境界を結合するか区切るかを指定します。
`border-spacing`	隣接するテーブルセルの境界間のスペースを設定します。
`caption-side`	テーブルタイトルの場所を指定します。
`empty-cells`	空のテーブルセルの枠と背景を表示または非表示にします。
`table-layout`	テーブルレイアウトアルゴリズムを指定します。

文字属性(Text)

属性	説明
`direction`	テキストの方向を定義します。/書き込み方向
`tab-size`	タブの長さを指定します。
`text-align`	内联内容的水平対齐方式を設定します。
`text-align-last`	指定する場合`text-align`is　時如何对齐块的最后一行或强制换行符之前的行`justify`。
`text-decoration`	テキストに追加するデコレーションを指定します。
`text-decoration-color`	指定的颜色`text-decoration-line`。
`text-decoration-line`	要素にどのラインデコレーションを追加するかを指定します。
`text-decoration-transform`	指定する`text-decoration-line`属性が指定するラインスタイル
`text-indent`	テキストの最初の行をインデントします。
`text-justify`	指定する場合`text-align`属性が設定されている場合に使用する対正方法を指定します。`justify`。
`text-overflow`	テキスト内容がブロックコンテナをオーバーフローするときにどのように表示されるかを指定します。
`text-shadow`	要素のテキスト内容に影を適用します。
`text-要素の変換原点を定義します。`	テキストの大文字と小文字を変換します。
`line-height`	テキスト行間の高さを設定します。
`vertical-align`	要素が現在のテキストベースラインに対してどのように垂直に配置されるかを設定します。
`letter-spacing`	アルファベット間に追加のスペースを設定します。
`単語内での折り返し方法を指定します。-spacing`	设置单词之间的间距。
`単語間の間隔を設定します。-white`	space
`単語内での折り返し方法を指定します。-要素内の空白の処理方法を指定します。`	break
`単語内での折り返し方法を指定します。-word`	wrap

内容がコンテナの境界を超えた場合に単語を切るかどうかを指定します。

属性	説明
`トランジション属性（Transform）-visibility`	backface
`透視`	ユーザーに向かって見た場合、トランジション後の要素の「裏面」が見えるかどうかを指定します。
`透視-D変換が要素に適用されます。`	透視属性の原点（3透視属性（perspective）
`要素の変換原点を定義します。`	消失点）を定義します。2D空間の消失点に3Dまたは
`要素の変換原点を定義します。-D変換が要素に適用されます。`	origin
`要素の変換原点を定義します。-transform`	style3D空間でネストされた要素をレンダリングします。

トランジション属性（Transition）

属性	説明
`transition`	要素の二つの状態間のトランジションを定義します。
`transition-delay`	トランジション効果がいつ始まるかを指定します。
`transition-duration`	トランジション効果が消費する秒数またはミリ秒数を指定します。
`transition-property`	トランジション効果を適用するべきCSS属性の名前を指定します。
`transition-timing-function`	トランジション効果の速度曲線を指定します。

視覚的なフォーマット属性

属性	説明
`display`	要素がスクリーン上でどのように表示されるかを指定します。
`position`	要素の定位方法を指定します。
`top`	定位要素の上エッジの位置を指定します。
`right`	定位要素の右エッジの位置を指定します。
`bottom`	定位要素の底辺の位置を指定します。
`left`	定位要素の左エッジの位置を指定します。
`float`	ボックスが浮動すべきかどうかを指定します。
`clear`	フロート要素に対する要素の位置を指定します。
`z-index`	定位要素のレイヤーやスタック順序を指定します。
`overflow`	溢出した要素のボックス内の内容の処理を指定します。
`overflow-x`	内容が要素の内容エリアの幅を超えた場合に内容を管理する方法を指定します。
`overflow-y`	内容が要素の内容エリアの高さを超えた場合に内容を管理する方法を指定します。
`resize`	要素がユーザーによって調整可能かどうかを指定します。
`clip`	クリップエリアを定義します。
`visibility`	要素が見えるかどうかを指定します。
`cursor`	カーソルの種類を指定します。
`box-shadow`	要素のボックスに影を適用します。
`box-sizing`	デフォルトのCSSボックスモデルを変更します。

CSS @規則（At）-rules)CSS z-index 属性