CSSリファレンス

CSSリファレンス CSSブラウザのサポート CSSセレクター CSS関数 CSSリファレンスオーラル CSSWebセーフフォント CSSフォールバックフォント CSSアニメーション可能 CSSユニット CSSPX-EMコンバーター CSSの色 CSSの色の値 CSSのデフォルト値 CSSエンティティ

CSS Properties

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 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-decoration-break box-shadow box-sizing break-after break-before break-inside caption-side caret-color @charset clear clip clip-path 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-feature-settings font-kerning font-size font-size-adjust font-stretch font-style font-variant font-variant-caps font-weight gap grid grid-area grid-auto-columns grid-auto-flow grid-auto-rows grid-column grid-column-end grid-column-gap grid-column-start grid-gap grid-row grid-row-end grid-row-gap grid-row-start grid-template grid-template-areas grid-template-columns grid-template-rows hanging-punctuation height hyphens image-rendering @import isolation 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 mask-image mask-mode mask-origin mask-position mask-repeat mask-size max-height max-width @media min-height min-width mix-blend-mode object-fit object-position opacity order orphans outline outline-color outline-offset outline-style outline-width overflow overflow-wrap 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 pointer-events position quotes resize right row-gap scroll-behavior tab-size table-layout text-align text-align-last text-decoration text-decoration-color text-decoration-line text-decoration-style text-indent text-justify text-overflow text-shadow text-transform top transform transform-origin transform-style transition transition-delay transition-duration transition-property transition-timing-function unicode-bidi user-select vertical-align visibility white-space widows width word-break word-spacing word-wrap writing-mode z-index



CSSブラウザサポートリファレンス


ブラウザをサポートするCSSリファレンス

次の表に、すべてのCSSプロパティと、各プロパティがさまざまなブラウザでどのようにサポートされているかを示します。

ブラウザアイコンの右側の数字は、プロパティが最初にサポートされたブラウザのバージョンを示しています。

財産 Firefox クロム サファリ オペラ
A          
整列-コンテンツ 11 28 21 9 12.1
整列-アイテム 11 20 21 9 12.1
整列-自己 11 20 21 9 12.1
全て 79 27 37 9.1 24
アニメーション 10 16 43 9 30
アニメーション-遅延 10 16 43 9 30
アニメーション方向 10 16 43 9 30
アニメーション-期間 10 16 43 9 30
アニメーション-塗りつぶしモード 10 16 43 9 30
アニメーション-反復-カウント 10 16 43 9 30
アニメーション名 10 16 43 9 30
アニメーション再生状態 10 16 43 9 30
アニメーションタイミング機能 10 16 43 9 30
B          
背面-可視性 10 16 36 4 23
バックグラウンド 4 1 1 1 3.5
背景-添付ファイル 4 1 1 1 3.5
背景ブレンドモード 79 30 35 7.1 22
背景クリップ 9 4 4 3 10.5
背景色 4 1 1 1 3.5
背景画像 4 1 1 1 3.5
背景-起源 9 4 4 3 10.5
背景位置 4 1 1 1 3.5
背景-繰り返し 4 1 1 1 3.5
背景サイズ 9 4 4 4.1 10
国境 4 1 1 1 3.5
ボーダーボトム 4 1 1 1 3.5
border-bottom-color 4 1 1 1 3.5
border-bottom-left-radius 9 4 5 5 10.5
border-bottom-right-radius 9 4 5 5 10.5
ボーダーボトムスタイル 5.5 1 1 1 9.2
border-bottom-width 4 1 1 1 3.5
ボーダー崩壊 5 1 1 1.2 4
ボーダの色 4 1 1 1 3.5
ボーダー画像 11 15 16 6 15
border-image-outset 11 15 15 6 15
border-image-repeat 11 15 15 6 15
border-image-slice 11 15 15 6 15
border-image-source 11 15 15 6 15
border-image-width 11 13 15 6 15
ボーダー左 4 1 1 1 3.5
ボーダー-左-色 4 1 1 1 3.5
ボーダーレフトスタイル 5.5 1 1 1 9.2
border-left-width 4 1 1 1 3.5
ボーダー半径 9 4 5 5 10.5
ボーダー右 4 1 1 1 3.5
ボーダー-右-色 4 1 1 1 3.5
ボーダーライトスタイル 5.5 1 1 1 9.2
border-right-width 4 1 1 1 3.5
ボーダー間隔 8 1 1 1 4
ボーダースタイル 4 1 1 1 3.5
ボーダートップ 4 1 1 1 3.5
ボーダートップカラー 4 1 1 1 3.5
border-top-left-radius 9 4 5 5 10.5
border-top-right-radius 9 4 5 5 10.5
ボーダートップスタイル 5.5 1 1 1 9.2
border-top-width 4 1 1 1 3.5
ボーダー幅 4 1 1 1 3.5
5 1 1 1 6
ボックス-装飾-休憩 79 32 22 6.1 11.5
ボックスシャドウ 9 4 10 5.1 10.5
ボックスサイジング 8 29 10 5.1 9.5
休憩後 10 65 50 10 37
休憩前 10 65 50 10 37
侵入 10 65 50 10 37
C          
キャプション側 8 1 1 1 4
キャレットカラー 79 53 57 11.1 44
@文字コード 12 1.5 2 4 9
クリア 5 1 1 1 6
クリップ 8 1 1 1 7
クリップパス 12 54 55 9.1 42
3 1 1 1 3.5
列数 10 52 50 9 37
カラムフィル 10 52 50 10 37
列ギャップ 10 52 50 9 37
列ルール 10 52 50 9 37
列-ルール-色 10 52 50 9 37
列ルールスタイル 10 52 50 9 37
列ルール幅 10 52 50 9 37
列スパン 10 71 50 9 37
列幅 10 52 50 9 37
10 52 50 9 37
コンテンツ 8 1 1 1 4
カウンターインクリメント 8 2 4 3.1 9.6
カウンターリセット 8 2 4 3.1 9.6
カーソル 5.5 4 5 5 9.6
D          
方向 5.5 1 2 1.3 9.2
画面 8 3 4 3.1 7
E          
空のセル 8 1 1 1.2 4
F          
フィルター 13 35 53 9.1 40
フレックス 11 28 29 9 17
フレックスベース 11 28 29 9 17
フレックス方向 11 28 29 9 17
フレックスフロー 11 28 29 9 17
フレックスグロー 11 28 29 9 17
フレックスシュリンク 11 28 29 9 17
フレックスラップ 11 28 29 9 17
浮く 4 1 1 1 7
フォント 4 1 1 1 3.5
@ font-face 9 3.6 4 3 10
フォントファミリー 4 1 1 1 3.5
font-feature-settings 10 34 48 9.1 35
@ font-feature-values 34
フォントカーニング 79 34 33 9.1 20.1
フォント-言語-オーバーライド 34
フォントサイズ 5.5 1 1 1 7
フォントサイズ調整 3
フォントストレッチ 9 9 48 11 35
フォントスタイル 4 1 1 1 7
フォント合成 34 10
フォントバリアント 4 1 1 1 3.5
font-variant-alternates 34 9.1
font-variant-caps 79 34 52 39
font-variant-east-asian 34
font-variant-ligatures 10 34 34 7 19
font-variant-numeric 34 52 39
font-variant-position 34
フォントの太さ 4 1 2 1.3 3.5
G          
ギャップ 16 61 66 10.1 53
グリッド 10 52 57 10 44
グリッドエリア 10 52 57 10 44
grid-auto-columns 10 52 57 10 44
グリッド-自動フロー 10 52 57 10 44
grid-auto-rows 10 52 57 10 44
グリッド列 10 52 57 10 44
グリッド-列-終了 10 52 57 10 44
グリッド-列-ギャップ 10 52 57 10 44
grid-column-start 10 52 57 10 44
グリッドギャップ 10 52 57 10 44
グリッド行 10 52 57 10 44
grid-row-end 10 52 57 10 44
グリッド-行-ギャップ 10 52 57 10 44
grid-row-start 10 52 57 10 44
グリッドテンプレート 10 52 57 10 44
grid-template-areas 10 52 57 10 44
grid-template-columns 10 52 57 10 44
grid-template-rows 10 52 57 10 44
H          
ぶら下げ句読点
高さ 4 1 1 1 7
ハイフン 79 43 55 5.1 44
         
画像レンダリング 79 65 41 10 28
@輸入 5.5 1 1 1 3.5
隔離 79 36 41 7.1 30
J          
正当化-コンテンツ 11 28 29 9 17
K          
@keyframes 10 16 43 9 30
L          
5.5 1 1 1 5
文字間隔 4 1 1 1 3.5
改行 5.5 1
行の高さ 4 1 1 1 7
リストスタイル 4 1 1 1 7
リストスタイルの画像 4 1 1 1 7
リストスタイルの位置 4 1 1 1 3.5
リストスタイルタイプ 4 1 1 1 3.5
M          
マージン 6 1 1 1 3.5
マージンボトム 6 1 1 1 3.5
マージン左 6 1 1 1 3.5
マージン右 6 1 1 1 3.5
マージントップ 6 1 1 1 3.5
マスク 12 53 4 4 15
マスククリップ 79 53 4 4 15
マスクコンポジット 18 53 4 3.1 15
マスク画像 79 53 4 4 15
マスクモード 53
マスク起源 79 53 4 4 15
マスク位置 79 53 4 4 15
マスクリピート 79 53 4 3.1 15
マスクサイズ 79 53 4 4 15
マスクタイプ 79 35 24 7 15
最大高さ 7 1 1 2 7
最大幅 7 1 1 2 7
@メディア 9 3.5 21 4 9
最小の高さ 7 1 1 2 4
最小幅 7 1 1 2 4
ミックスブレンドモード 79 32 41 8 35
N          
@namespace 9 1 1 1 8
THE          
オブジェクトフィット 16 36 31 7.1 19
オブジェクトの位置 16 36 31 7.1 19
不透明度 9 2 4 3.1 9
注文 11 28 29 9 17
孤児 8 25 3.1 10
概要 8 1.5 1 1.2 7
アウトラインカラー 8 1.5 1 1.2 7
アウトラインオフセット 15 3.5 4 3 10.5
アウトラインスタイル 8 1.5 1 1.2 7
アウトライン幅 8 1.5 1 1.2 7
オーバーフロー 4 1 1 1 7
オーバーフローラップ 18  49 23 6.1 12.1
オーバーフロー-x 9 3.5 4 3 9.5
オーバーフロー-y 9 1.5 4 3 9.5
P          
パディング 4 1 1 1 3.5
パディングボトム 4 1 1 1 3.5
パディング-左 4 1 1 1 3.5
パディング-右 4 1 1 1 3.5
パディングトップ 4 1 1 1 3.5
@ページ 8 19 15 15
ページ分割後 4 1 1 1.2 7
ページ分割前 4 1 1 1.2 7
ページ分割-内側 8 19 1 1.3 7
視点 10 16 36 9 23
遠近法-起源 10 16 36 9 23
場所-コンテンツ 79 60 59 11.1 51
ポインタイベント 11 3.6 2 4 9
ポジション 7 1 1 1.2 4
Q          
引用符 8 1.5 11 5.1 4
R          
サイズ変更 79 5 4 4 15
正しい 5.5 1 1 1 5
行ギャップ 16 61 66 12.1 53
S          
スクロール動作 79 36 61 14 48
形状-画像-しきい値 79 62 37 10.1 24
形状マージン 79 62 37 10.1 24
@supports 12 22 28 9 12.1
T          
タブサイズ 79 4 21 6.1 15
テーブルレイアウト 5 1 14 1 7
text-align 3 1 1 1 3.5
text-align-last 5.5 49 47 34
テキスト-結合-直立 48 48 5.1 35
テキスト装飾 3 1 1 1 3.5
テキスト-装飾-色 79 36 57 12.1 44
text-decoration-line 79 36 57 12.1 44
テキスト装飾スタイル 79 36 57 12.1 44
テキスト強調 46 25 7.1 15
テキスト-強調-色 46 25 7.1 15
テキスト強調位置 46 25 7.1 15
テキスト強調スタイル 46 25 7.1 15
テキストインデント 3 1 1 1 3.5
テキスト-正当化 5.5 55 10
テキストの向き 79 41 48 14 35
テキストオーバーフロー 6 7 4 3.1 11
テキストシャドウ 10 3.5 4 4 9.6
テキスト変換 4 1 1 1 7
text-underline-position 33
5 1 1 1 6
タッチアクション 12 52 36 13 23
変身 10 16 36 9 23
変換元 10 16 36 9 23
トランスフォームスタイル 11 16 36 9 23
遷移 10 16 26 6.1 12.1
遷移遅延 10 16 26 6.1 12.1
移行期間 10 16 26 6.1 12.1
遷移プロパティ 10 16 26 6.1 12.1
遷移タイミング機能 10 16 26 6.1 12.1
U          
unicode-bidi 5.5 1 2 1.3 9.2
ユーザー選択 79 69 54 3.1 41
V          
垂直整列 4 1 1 1 4
@viewport 10 29 16
視認性 4 1 1 1 4
W          
空白 8 3.5 1 3 9.5
未亡人 8 25 7 10
4 1 1 1 3.5
変更されます 79 36 36 9.1 24
ワードブレイク 5.5 15 4 3.1 15
単語間隔 6 1 1 1 3.5
ワードラップ 5.5 3.5 4 3.1 10.5
書き込みモード 12 41 48 11 35
         
z-index 4 3 1 1 4

アイコンの説明

Edge / InternetExplorerでサポート
Firefoxでサポート
Chromeでサポート
Safariでサポート
Operaによるサポート

プレフィックス-webkit-のEdgeでサポート
Firefoxでプレフィックス-moz-を付けてサポート
プレフィックス-webkit-を付けてChromeでサポート
プレフィックスが-webkit-のSafariでサポートされています
プレフィックス-webkit-を付けてOperaでサポート