CSS3で追加されたプロパティーや機能更新のあったプロパティーの一覧
| プロパティ名 | 機能 |
|---|---|
| @font-face | Webフォント |
| @keyframes | アニメーションのキーフレームの指定 |
| @media | メディアクエリ |
| @namespace | 名前空間の指定 |
| @page:first | １ページ目の設定 |
| @page:left | 左ページの設定 |
| @page:right | 右ページの設定 |
| ～: calc() | 計算結果を値として利用 |
| ～: canvas() | Canvasの機能で描画した画像の利用 |
| ～: element() | HTML要素の画像化 |
| ～: gradient() | グラデーションの表示 |
| ～: hsl() | HSLカラーの指定 |
| ～: hsla() | HSLAカラーの指定 |
| ～: linear-gradient() | 線形グラデーションの表示 |
| ～: radial-gradient() | 円形グラデーションの表示 |
| ～: repeating-linear-gradient() | 線形グラデーションの繰り返し |
| ～: repeating-radial-gradient() | 円形グラデーションの繰り返し |
| ～: rgba() | RGBAカラーの指定 |
| ～:image-rect() | 画像の部分利用 |
| animation | アニメーションの指定 |
| animation-delay | アニメーションのディレイ |
| animation-direction | アニメーションの方向 |
| animation-duration | アニメーションの再生時間 |
| animation-fill-mode | アニメーションのディレイ中と再生後の表示 |
| animation-iteration-count | アニメーションの繰り返し |
| animation-name | アニメーションのキーフレーム名 |
| animation-play-state | アニメーションの再生と一時停止 |
| animation-timing-function | アニメーションの補間方法 |
| appearance | アピアランス |
| backface-visibility | 裏面の表示 |
| background | 背景の指定 |
| background-attachment | 背景画像の固定対象 |
| background-clip | 背景画像の表示エリア |
| background-image | 背景画像 |
| background-inline-policy | ボックスが途切れる場合の表示スタイル |
| background-origin | 背景画像の表示位置の基点 |
| background-position | 背景画像の表示位置 |
| background-repeat | 背景画像の表示スタイル |
| background-size | 背景画像の表示サイズ |
| border-end | 書字方向に合わせた罫線の表示 |
| border-image | 画像を使った罫線の表示 |
| border-radius | 角丸の指定 |
| border-start | 書字方向に合わせた罫線の表示 |
|
border-top-left-radius border-top-right-radius border-bottom-right-radius border-bottom-left-radius | 各角の角丸の半径 |
| box-align | flexboxアイテムの縦方向の揃え位置 |
| box-decoration-break | ボックスが途切れる場合の表示スタイル |
| box-flex | flexboxアイテムをスペースに合わせた大きさで表示 |
| box-ordinal-group | flexboxアイテムの表示順 |
| box-orient | flexboxアイテムを並べる方向 |
| box-pack | flexboxアイテムの横方向の揃え位置 |
| box-reflect | 鏡像の表示 |
| box-shadow | ボックスのドロップシャドウ |
| box-sizing | ボックスの大きさの算出方法 |
| break-after | マルチカラムの改段：ボックスの後での処理 |
| break-before | マルチカラムの改段：ボックスの前での処理 |
| break-inside | マルチカラムの改段：ボックス内での処理 |
| column-count | マルチカラムの段の数 |
| column-fill | マルチカラムの段のバランス |
| column-gap | マルチカラムの段の間隔 |
| column-rule | マルチカラムの区切り線 |
| column-rule-color | マルチカラムの区切り線の色 |
| column-rule-style | マルチカラムの区切り線のスタイル |
| column-rule-width | マルチカラムの区切り線の太さ |
| columns | マルチカラムの段の数と横幅 |
| column-span | マルチカラムの段にまたがる表示の指定 |
| column-width | マルチカラムの段の横幅 |
| content | コンテンツの挿入・置換 |
| cursor | カーソルの種類 |
| display | ボックスの種類 |
| display | フレキシブルボックスレイアウト |
| display | グリッドレイアウト |
| float | Positioned Floats：位置指定した要素に対する回り込みの指定 |
| flow-wrap | positioned float要素に対する回り込みの解除 |
| font-feature-settings | OpenTypeフォントの字形の切り替え |
| font-size | 文字の大きさ |
| font-size-adjust | 文字サイズの自動調節 |
| font-smoothing | アンチエイリアス処理 |
| grid-column | グリッドセルの指定 |
| grid-column-align | グリッドアイテムの揃え位置 |
| grid-columns | グリッドラインの指定 |
| grid-column-span | 複数のグリッドセルの指定 |
| grid-row | グリッドセルの指定 |
| grid-row-align | グリッドアイテムの揃え位置 |
| grid-rows | グリッドラインの指定 |
| grid-row-span | 複数のグリッドセルの指定 |
| hyphens | ハイフネーションの利用 |
| image-rendering | 画像の拡大縮小のレンダリング処理 |
| interpolation-mode | 画像の拡大縮小のレンダリング処理 |
| line-break | 禁則処理のルール |
| list-style | リストマークのデザイン |
| list-style-type | リストマークの種類 |
| marquee-direction | マーキーの動きの方向 |
| marquee-play-count | マーキーの繰り返しの回数 |
| marquee-speed | マーキーの動きのスピード |
| marquee-style | マーキーの動きのスタイル |
| mask | マスクの指定 |
| mask-attachment | マスク画像の固定対象 |
| mask-box-image | マスク画像の指定 |
| mask-clip | マスク画像の表示エリア |
| mask-image | マスク画像の指定 |
| mask-origin | マスク画像の基点の位置 |
| mask-position | マスク画像の表示位置 |
| mask-repeat | マスク画像の表示スタイル |
| mask-size | マスク画像の大きさ |
| nbsp-mode | ノーブレークスペースの処理 |
| object-fit | ボックスに合わせた画像サイズの調節 |
| object-position | ボックス内での画像の表示位置 |
| orient | プログレスバーの向き |
| outline-offset | アウトラインのオフセット |
| overflow-x | 横方向にオーバーフローしたコンテンツの表示 |
| overflow-y | 縦方向にオーバーフローしたコンテンツの表示 |
| perspective | 子要素の透視投影 |
| perspective-origin | 投影中心のx軸・y軸方向の位置 |
| position | ポジショニング：「page」による位置指定 |
| resize | ボックスのリサイズ |
| ruby-align | ルビの位置揃え |
| ruby-position | ルビの表示位置 |
| tab-size | タブ幅 |
| tap-highlight-color | ハイライト表示の指定 |
| text-align | 行揃え |
| text-autospace | 数字やアルファベットの前後の余白の処理 |
| text-decoration-line | 下線・上線・取り消し線の種類 |
| text-decoration-color | 下線・上線・取り消し線の色 |
| text-decoration-style | 下線・上線・取り消し線のスタイル |
| text-emphasis | 圏点の指定 |
| text-emphasis-color | 圏点の色 |
| text-emphasis-position | 圏点の表示位置 |
| text-emphasis-style | 圏点のスタイル |
| text-fill-color | 文字の色 |
| text-justify | 両端揃えの調節方法 |
| text-overflow | オーバーフローしたテキストの省略表示 |
| text-rendering | 欧文のレンダリング処理 |
| text-shadow | 文字のドロップシャドウ |
| text-size-adjust | iOS Mobile Safariの文字サイズの自動調節 |
| text-stroke | 文字のアウトライン |
| text-stroke-color | 文字のアウトラインの色 |
| text-stroke-width | 文字のアウトラインの太さ |
| text-underline-position | 下線の表示位置 |
| touch-callout | ポップアップメニューを隠す |
| transform | 2Dトランスフォーム |
| transform | 3Dトランスフォーム |
| transform-origin | 2Dトランスフォームの原点 |
| transform-origin | 3Dトランスフォームの原点 |
| transform-style | 子要素の3Dトランスフォーム |
| transition | トランジションの指定 |
| transition-delay | トランジションのディレイ |
| transition-duration | トランジションの再生時間 |
| transition-property | トランジションさせるプロパティ |
| transition-timing-function | トランジションの補間方法 |
| word-break | 自動改行のルール |
| writing-mode | 縦書き・横書きの指定 |