Latest web development tutorials
×

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

CSS リファレンスマニュアル CSS セレクタ CSS スピーチリファレンス CSS Web セーフフォント CSS アニメーション CSS ユニット CSS カラー CSS リーガルカラー値 CSS 色の名前 CSS 16進数のカラー値 CSS ブラウザのサポート

CSS プロパティ

align-content align-items align-self all 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-blend-mode 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-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width 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-align box-direction box-flex box-flex-group box-lines box-ordinal-group box-orient box-pack box-shadow box-sizing caption-side clear clip color column-count column-fill column-gap column-rule column-rule-color column-rule-style column-rule-width column-span column-width columns content counter-increment counter-reset cursor direction display empty-cells filter flex flex-basis flex-direction flex-flow flex-grow flex-shrink flex-wrap float font @font-face font-family font-size font-size-adjust font-stretch font-style font-variant font-weight grid-columns grid-rows hanging-punctuation height icon justify-content @keyframes left letter-spacing 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 @media min-height min-width nav-down nav-index nav-left nav-right nav-up opacity order outline outline-color outline-offset outline-style outline-width overflow overflow-x overflow-y padding padding-bottom padding-left padding-right padding-top page-break-after page-break-before page-break-inside perspective perspective-origin position punctuation-trim quotes resize right rotation tab-size table-layout target target-name target-new target-position text-align text-align-last text-decoration text-decoration-color text-decoration-line text-decoration-style text-indent text-justify text-outline text-overflow text-shadow text-transform text-wrap top transform transform-origin transform-style transition transition-delay transition-duration transition-property transition-timing-function unicode-bidi vertical-align visibility white-space width word-break word-spacing word-wrap z-index

CSSブラウザのサポート

ノート ブラウザは、テストのためのすべての主要なブラウザで定期的にCSS3のチュートリアルの参照をサポートしています。


CSS3ブラウザのサポート

CSS3についてはW3C標準ではありませんが、すべての主要なブラウザは、すでに多くの新機能をサポートしています。 以下は、約すべての新しいCSS3プロパティとそのブラウザのサポートの参照です:

プロパティ IE Firefoxの クロム サファリ オペラ
アライメント調整
アライメント、ベースライン
@keyframes 10 16 12.1
アニメーション 10 16 12.1
アニメーション名 10 16 12.1
アニメーションの継続時間 10 16 12.1
アニメーションタイミング機能 10 16 12.1
アニメーションの遅延 10 16 12.1
アニメーションの繰り返しカウント 10 16 12.1
アニメーション方向 10 16 12.1
アニメーションプレイ状態 10 16 12.1
外観 3
背面視認性 10
背景クリップ 9 4 4 5 10.5
背景起源 9 4 4 5 10.5
背景サイズ 9 4 4 5 10.5
ベースラインシフト
ブックマークラベル
ブックマークレベル
ブックマーク-対象
border-bottom-左半径 9 4 5 5 10.5
border-bottom-右半径 9 4 5 5 10.5
ボーダーイメージ 15 16 6 11
ボーダー像発端
ボーダー・画像・リピート
ボーダー-画像スライス
ボーダーイメージソース
ボーダー画像幅
国境半径 9 4 5 5 10.5
border-top-左半径 9 4 5 5 10.5
border-top-右半径 9 4 5 5 10.5
箱の装飾ブレーク
ボックスアライン
ボックス方向
ボックスフレックス 12.1
ボックス・フレックスグループ
ボックスライン
ボックス序グループ
ボックス、オリエント
箱パック
ボックスシャドウ 9 4 10 5.1 10.5
ボックスのサイズ変更 8 10 5.1 9.5
カラープロファイル
カラムフィル
カラムギャップ 10 11.1
列のルール 10 11.1
コラムルール色 10 11.1
コラム・ルールスタイル 10 11.1
コラムルール幅 10 11.1
列スパン 10 11.1
列幅 10 11.1
コラム 10 11.1
列カウント 10 11.1
作物
主要ベースライン
ドロップ初期の後、調整
ドロップ初期後アライン
ドロップ初期の前に、調整
ドロップ初期の前にアライン
ドロップ初期サイズ
ドロップ初期値
フィット
フィットポジション
フロートオフセット
@フォントフェース 9 3.6 4 3 10
フォント・サイズ調整 2
フォントストレッチ
グリッドの列
グリッド行
ぶら下げ、句読点
ハイフネーション-後
ハイフネーション-前
ハイフネーション-文字
ハイフネーションライン
ハイフネーション-リソース
ハイフン
アイコン
画像の向き
画像解像度
インラインボックスアライン
ラインスタッキング
ラインスタッキング - ルビー
ラインスタッキングシフト
ラインスタッキング戦略
マーク
マークの後
マークの前に
評価
マーキー方向
マーキープレイカウント
マーキー速
マーキースタイル
移動-に
NAVダウン 11.5
NAV-インデックス 11.5
NAV-左 11.5
NAV-右 11.5
NAV-アップ 11.5
不透明度 9 2 4 3.1 9
アウトラインオフセット 11
オーバーフロースタイル
オーバーフロー-X 9 2
オーバーフロー-Y 9 2
ページ
ページポリシー
視点 5
透視起源
句読点トリム
レンダリング・インテント
リサイズ 5 4 4
残り
残り-後
残り-前
回転
回転ポイント
ルビーアライン
ルビーオーバーハング
ルビー位置
ルビースパン
サイズ
文字列セット
ターゲット
ターゲット名
標的-新
目標位置
テキストアライン最後
テキストエンファシス
テキストの高さ
テキスト正当化 5
テキストのアウトライン
テキストオーバーフロー 6 7 4 3.1 11
テキストの影 10 3.5 4 4 9.5
テキストラップ
変換 10 16 12.1
変換原点 10 16 12.1
変換スタイル 5
トランジション 10 16 26 12.1
遷移プロパティ 10 16 26 12.1
遷移期間 10 16 26 12.1
遷移タイミング機能 10 16 26 12.1
遷移遅延 10 16 26 12.1
ワードブレーク 5.5 15 4 3
ワードラップ 5 3.5 4 3.1 10.5

アイコン説明

IEブラウザ
Firefoxの
Google Chromeブラウザ
Safariブラウザ
Operaブラウザ

IEブラウザ-ms-プレフィックス
Firefoxの-moz-接頭辞
Google Chromeブラウザのプレフィックス-webkit-
接頭辞-webkit- Safariブラウザ
Operaブラウザ-O-プレフィックス
Operaブラウザ-xv-プレフィックス

いくつかのプロパティでは、ブラウザのアイコンと番号が表示されます。

9 4 4 5 10.5

デジタル表現は、プロパティのバージョンをサポートする最初のブラウザです。