Mozilla CSS サポートチャート

by 4 contributors:

このページでは、Mozilla がサポートしている CSS の セレクタプロパティ@-規則メディアクエリーをアルファベット順で掲載しています。

サポート済」の列はサポートの有無を。また、「サポート開始」の列は、サポートが開始された Gecko のバージョンナンバーを示します。Gecko 1.0 以前のバージョンは、1.0 として一覧表示されています。

Gecko は、Firefox やその他のアプリケーションで用いられているレンダリングエンジンです。Firefox 及び Gecko のバージョンナンバーに関しての詳細については Gecko のページ を参照して下さい。

仕様書」の列は、その行の項目が策定された仕様書(基本的には最新のものの一つ)にリンクしています。但し古い仕様へのリンクのままになっており修正の必要がある項目を含む可能性がある点に注意して下さい。

Mozilla CSS 拡張 (プロパティ名の先頭に-moz-接頭辞をもつもの) に関しては、バグ番号や関連情報と共に「注記」の列に掲載しています。

注意: 仕様の策定状況が Working Drafts (草案) のプロパティに関しては、名称の変更や削除の可能性が有る事に注意して下さい。

もし Mozilla の CSS サポートに関するバグを発見した場合は、最小のテストケースを作成し、bugzilla既存のバグを検索して下さい。

この一覧表は、CSS 2.1 仕様W3C CSS Workgroup現在策定中のドラフト からなるものです。

セレクタ

セレクタ 初期仕様 Gecko のサポート 注記
策定状況 サポート開始
基本セレクタ
ユニバーサルセレクタ * CSS Level 2 (Revision 1) Yes -
勧告 1.0
タイプセレクタ element CSS Level 1 Yes -
勧告 1.0
クラスセレクタ .class CSS Level 1 Yes -
勧告 1.0
ID セレクタ #id CSS Level 1 Yes -
勧告 1.0
属性セレクタ [attribute="value"] CSS Level 2 (Revision 1) Yes -
勧告 1.0
コンビネーター
子孫セレクタ E F CSS Level 1 Yes -
勧告 1.0
子セレクタ E > F CSS Level 2 (Revision 1) Yes -
勧告 1.0
隣接セレクタ E + F CSS Level 2 (Revision 1) Yes -
勧告 1.0
間接セレクタ E ~ F Selectors Level 3 Yes -
勧告 1.0
疑似要素
:after (::after) CSS 3 (Selectors) Yes 2 コロンの構文 (::) は Gecko 1.5 よりサポートされている
勧告 1.0 (1.5)
:before (::before) CSS 3 (Selectors) Yes
勧告 1.0 (1.5)
:first-letter (::first-letter) CSS 3 (Selectors) Yes
勧告 1.0 (1.5)
:first-line (::first-line) CSS 3 (Selectors) Yes
勧告 1.0 (1.5)
::selection CSS 3 (Selectors) No ::-moz-selection は Gecko 1.5 よりサポートされている
勧告
ダイナミック疑似クラス
:link CSS 3 (Selectors) Yes -
勧告 1.0
:visited CSS 3 (Selectors) Yes -
勧告 1.0
:active CSS 3 (Selectors) Yes -
勧告 1.0
:hover CSS 3 (Selectors) Yes -
勧告 1.0
:focus CSS 3 (Selectors) Yes -
勧告 1.0
構造疑似クラス
:root CSS 3 (Selectors) Yes -
勧告 1.0
:empty CSS 3 (Selectors) Yes Gecko 1.8 以降では :empty は空白を含む要素にマッチしなくなった
勧告 1.0
:first-child CSS 3 (Selectors) Yes -
勧告 1.0
:last-child CSS 3 (Selectors) Yes -
勧告 1.0
:only-child CSS 3 (Selectors) Yes -
勧告 1.8
:first-of-type CSS 3 (Selectors) Yes -
勧告 1.9.1
:last-of-type CSS 3 (Selectors) Yes -
勧告 1.9.1
:only-of-type CSS 3 (Selectors) Yes -
勧告 1.9.1
:nth-child CSS 3 (Selectors) Yes -
勧告 1.9.1
:nth-last-child CSS 3 (Selectors) Yes -
勧告 1.9.1
:nth-of-type CSS 3 (Selectors) Yes -
勧告 1.9.1
:nth-last-of-type CSS 3 (Selectors) Yes -
勧告 1.9.1
UI 疑似クラス
:enabled CSS 3 (Selectors) Yes -
勧告 1.1
:disabled CSS 3 (Selectors) Yes -
勧告 1.1
:check CSS 3 (Selectors) Yes -
勧告 1.1
:indeterminate CSS 3 (Selectors) Yes -
勧告 1.9.2
:default CSS 3 (UI) Yes -
勧告 1.9
:valid CSS 3 (UI) Yes -
勧告 2.0
:invalid CSS 3 (UI) Yes -
勧告 2.0
:in-range CSS 3 (UI) No -
勧告 1.0
:out-of-range CSS 3 (UI) No -
勧告 1.0
:required CSS 3 (UI) Yes -
勧告 1.0
:optional CSS 3 (UI) Yes -
勧告 2.0
:read-only CSS 3 (UI) No -
勧告 1.0
:read-write CSS 3 (UI) No -
勧告 1.0
::value CSS 3 (UI) No -
勧告 1.0
::choices CSS 3 (UI) No -
勧告 1.0
::repeat-item CSS 3 (UI) No -
勧告 1.0
::repeat-index CSS 3 (UI) No -
勧告 1.0
他の疑似クラス
:lang CSS 3 (Selectors) Yes -
勧告 1.2
:not CSS 3 (Selectors) Yes -
勧告 1.0
:target CSS 3 (Selectors) Yes -
勧告 1.3

プロパティ

プロパティ 仕様書 サポート済 サポート開始 注記
animation CSS 3 (Animations) Yes 16.0 -moz-animation は Gecko 5.0 よりサポートされている
animation-delay CSS 3 (Animations) Yes 16.0 -moz-animation-delay は Gecko 5.0 よりサポートされている
animation-direction CSS 3 (Animations) Yes 16.0 -moz-animation-direction は Gecko 5.0 よりサポートされている
animation-duration CSS 3 (Animations) Yes 16.0 -moz-animation-duration は Gecko 5.0 よりサポートされている
animation-fill-mode CSS 3 (Animations) Yes 16.0 -moz-animation-fill-mode は Gecko 5.0 よりサポートされている
animation-iteration-count CSS 3 (Animations) Yes 16.0 -moz-animation-iteration-count は Gecko 5.0 よりサポートされている
animation-name CSS 3 (Animations) Yes 16.0 -moz-animation-name は Gecko 5.0 よりサポートされている
animation-play-state CSS 3 (Animations) Yes 16.0 -moz-animation-play-state は Gecko 5.0 よりサポートされている
animation-timing-function CSS 3 (Animations) Yes 16.0 -moz-animation-timing-function は Gecko 5.0 よりサポートされている
appearance CSS 3 (UI) No - -moz-appearance は Gecko 1.0 よりサポートされている
background CSS 3 (Background) Yes 1.0 (1.9.2) 多重背景指定は Gecko 1.9.2 よりサポートされている
background-attachment CSS 3 (Background) Yes 1.0 (1.9.2)
background-clip CSS 3 (Background) Yes 2.0 -moz-background-clip は Gecko 1.2 から 1.9.2 までのバージョンでサポートされていた
background-color CSS 3 (Background) Yes 1.0 -
background-image CSS 3 (Background) Yes 1.0 (1.9.2) 多重背景指定は Gecko 1.9.2 よりサポートされている
background-origin CSS 3 (Background) Yes 2.0 -moz-background-origin は Gecko 1.2 から 1.9.2 までのバージョンでサポートされていた
background-position CSS 3 (Background) Yes 1.0 (1.9.2) 多重背景指定は Gecko 1.9.2 よりサポートされている
background-repeat CSS 3 (Background) Yes 1.0 (1.9.2)
background-size CSS 3 (Background) Yes 2.0 -moz-background-size は Gecko 1.9.2 よりサポートされている
border CSS 3 (Background) Yes 1.0 -
border-bottom CSS 3 (Background) Yes 1.0 -
border-bottom-color CSS 3 (Background) Yes 1.0 -
border-bottom-left-radius CSS 3 (Background) Yes 2.0 -moz-border-radius-bottomleft は Gecko 1.0 よりサポートされている
border-bottom-right-radius CSS 3 (Background) Yes 2.0 -moz-border-radius-bottomright は Gecko 1.0 よりサポートされている
border-bottom-style CSS 3 (Background) Yes 1.0 -
border-bottom-width CSS 3 (Background) Yes 1.0 -
border-collapse CSS 2.1 Yes 1.0 -
border-color CSS 3 (Background) Yes 1.0 -
border-image CSS 3 (Background) Yes 15.0 -moz-border-image は Gecko 1.9.1 よりサポートされているが、現在の仕様と異なる点がある(※バグ 497995
border-image-outset CSS 3 (Background) Yes 15.0 -
border-image-repeat CSS 3 (Background) Yes (15.0) 値「 space 」がサポートされていない
border-image-slice CSS 3 (Background) Yes 15.0 -
border-image-source CSS 3 (Background) Yes 15.0 -
border-image-width CSS 3 (Background) Yes 13.0 -
border-left CSS 3 (Background) Yes 1.0 -
border-left-color CSS 3 (Background) Yes 1.0 -
border-left-style CSS 3 (Background) Yes 1.0 -
border-left-width CSS 3 (Background) Yes 1.0 -
border-radius CSS 3 (Background) Yes 2.0 -moz-border-radius は Gecko 1.0 よりサポートされている
border-right CSS 3 (Background) Yes 1.0 -
border-right-color CSS 3 (Background) Yes 1.0 -
border-right-style CSS 3 (Background) Yes 1.0 -
border-right-width CSS 3 (Background) Yes 1.0 -
border-spacing CSS 2.1 Yes 1.0 -
border-style CSS 3 (Background) Yes 1.0 -
border-top CSS 3 (Background) Yes 1.0 -
border-top-color CSS 3 (Background) Yes 1.0 -
border-top-left-radius CSS 3 (Background) Yes 2.0 -moz-border-radius-topleft は Gecko 1.0 よりサポートされている
border-top-right-radius CSS 3 (Background) Yes 2.0 -moz-border-radius-topright は Gecko 1.0 よりサポートされている
border-top-style CSS 3 (Background) Yes 1.0 -
border-top-width CSS 3 (Background) Yes 1.0 -
border-width CSS 3 (Background) Yes 1.0 -
bottom CSS 2.1 Yes 1.0 -
box-align CSS 3 (Flexbox) No - -moz-box-align は Gecko 1.0 よりサポートされている
box-decoration-break CSS 3 (Background) No - -
box-direction CSS 3 (Flexbox) No - -moz-box-direction は Gecko 1.0 よりサポートされている
box-flex CSS 3 (Flexbox) No - -moz-box-flex は Gecko 1.0 よりサポートされている
box-flex-group CSS 3 (Flexbox) No - -moz-box-flex-group は Gecko 1.0 よりサポートされている
box-lines CSS 3 (Flexbox) No - -
box-ordinal-group CSS 3 (Flexbox) No - -moz-box-ordinal-group は Gecko 1.0 よりサポートされている
box-orient CSS 3 (Flexbox) No - -moz-box-orient は Gecko 1.0 よりサポートされている
box-pack CSS 3 (Flexbox) No - -moz-box-pack は Gecko 1.0 よりサポートされている
box-shadow CSS 3 (Background) Yes 2.0 -moz-box-shadow は Gecko 1.9.1 よりサポートされている
box-sizing CSS 3 (UI) No - -moz-box-sizing は Gecko 1.0 よりサポートされている
caption-side CSS 2.1 Yes 1.4 -
clear CSS 2.1 Yes 1.0 -
clip CSS 2.1 Yes 1.0 -
color CSS 3 (Color) Yes 1.0 -
column-count CSS 3 (MultiCol) No - -moz-column-count は Gecko 1.8 よりサポートされている
column-fill CSS 3 (MultiCol) No - -moz-column-fill は Gecko 13.0 よりサポートされている
column-gap CSS 3 (MultiCol) No - -moz-column-gap は Gecko 1.8 よりサポートされている
column-rule CSS 3 (MultiCol) No - -moz-column-rule は Gecko 1.9.1 よりサポートされている
column-rule-color CSS 3 (MultiCol) No - -moz-column-rule-color は Gecko 1.9.1 よりサポートされている
column-rule-style CSS 3 (MutliCol) No - -moz-column-rule-style は Gecko 1.9.1 よりサポートされている
column-rule-width CSS 3 (MultiCol) No - -moz-column-rule-width は Gecko 1.9.1 よりサポートされている
column-span CSS 3 (MultiCol) No - バグ 616436.
column-width CSS 3 (MultiCol) No - -moz-column-width は Gecko 1.8 よりサポートされている
columns CSS 3 (MultiCol) No - -moz-columns は Gecko 9.0 よりサポートされている
content CSS 2.1 Yes 1.0 -
counter-increment CSS 2.1 Yes 1.8 -
counter-reset CSS 2.1 Yes 1.8 -
cursor CSS 2.1 Yes 1.0 -
direction CSS 2.1 Yes 1.0 -
display CSS 2.1 Yes 1.0 -
empty-cells CSS 2.1 Yes 1.0 -
float CSS 2.1 Yes 1.0 -
font CSS 2.1 Yes 1.0 -
font-family CSS 2.1 Yes 1.0 -
font-size CSS 2.1 Yes 1.0 -
font-size-adjust CSS 3 (Fonts) Yes 1.0 (1.9) Gecko 1.9 以前では windows でのみサポートされていた。
font-stretch CSS 3 (Fonts) Yes 9.0 -
font-style CSS 2.1 Yes 1.0 -
font-variant CSS 2.1 Yes 1.0 -
font-weight CSS 2.1 Yes 1.0 -
height CSS 2.1 Yes 1.0 -
left CSS 2.1 Yes 1.0 -
letter-spacing CSS 2.1 Yes 1.0 -
line-height CSS 2.1 Yes 1.0 -
list-style CSS 2.1 Yes 1.0 -
list-style-image CSS 2.1 Yes 1.0 -
list-style-position CSS 2.1 Yes 1.0 -
list-style-type CSS 2.1 Yes 1.0 -
margin CSS 2.1 Yes 1.0 -
margin-bottom CSS 2.1 Yes 1.0 -
margin-left CSS 2.1 Yes 1.0 -
margin-right CSS 2.1 Yes 1.0 -
margin-top CSS 2.1 Yes 1.0 -
max-height CSS 2.1 Yes 1.7 -
max-width CSS 2.1 Yes 1.0 -
min-height CSS 2.1 Yes 1.7 -
opacity CSS 3 (Color) Yes 1.7 -
orphans CSS 2.1 No - バグ 137367.
outline CSS 2.1 Yes 1.8 -
outline-color CSS 2.1 Yes 1.8 -
outline-offset CSS 3 (UI) Yes 1.8 -
outline-style CSS 2.1 Yes 1.8 -
outline-width CSS 2.1 Yes 1.8 -
overflow CSS 2.1 Yes 1.0 -
overflow-x CSS 3 (Box) Yes 1.8 -
overflow-y CSS 3 (Box) Yes 1.8 -
padding CSS 2.1 Yes 1.0 -
padding-bottom CSS 2.1 Yes 1.0 -
padding-left CSS 2.1 Yes 1.0 -
padding-right CSS 2.1 Yes 1.0 -
padding-top CSS 2.1 Yes 1.0 -
page-break-after CSS 2.1 No - バグ 132035.
page-break-before CSS 2.1 No -
page-break-inside CSS 2.1 Yes 19.0
position CSS 2.1 Yes 1.0 -
quotes CSS 2.1 Yes 1.0 -
resize CSS 3 (UI) Yes 2.0 -
right CSS 2.1 Yes 1.0 -
table-layout CSS 2.1 Yes 1.0 -
text-align CSS 2.1 Yes 1.0 -
text-align-last CSS 3 (Text) No - -moz-text-align-last は Gecko 12.0 よりサポートされている
text-decoration CSS 2.1 Yes 1.0 -
text-decoration-color CSS 3 (Text) No - -moz-text-decoration-color は Gecko 6.0 よりサポートされている
text-decoration-line CSS 3 (Text) No - -moz-text-decoration-line は Gecko 6.0 よりサポートされている
text-decoration-skip CSS 3 (Text) No - -
text-decoration-style CSS 3 (Text) No - -moz-text-decoration-style は Gecko 6.0 よりサポートされている
text-indent CSS 2.1 Yes 1.0 -
text-shadow CSS 3 (Text) Yes 1.9.1 -
text-transform CSS 2.1 Yes 1.0 -
top CSS 2.1 Yes 1.0 -
transform (2D) CSS 3 (2D Transforms) Yes 16.0 -moz-transform は Gecko 1.9.1 よりサポートされている
transform-origin (2D) CSS 3 (2D Transforms) Yes 16.0 -moz-transform-origin は Gecko 1.9.1 よりサポートされている
transform (3D) CSS 3 (3D Transforms) Yes 16.0 -moz-transform は Gecko 10.0 よりサポートされている
transform-origin (3D) CSS 3 (3D Transforms) Yes 16.0 -moz-transform-origin は Gecko 10.0 よりサポートされている
transform-style CSS 3 (Transforms) Yes 16.0 -moz-transform-style は Gecko 10.0 よりサポートされている
transition CSS 3 (Transitions) Yes 16.0 -moz-transition は Gecko 2.0 よりサポートされている
transition-delay CSS 3 (Transitions) Yes 16.0 -moz-transition-delay は Gecko 2.0 よりサポートされている
transition-duration CSS 3 (Transitions) Yes 16.0 -moz-transition-duration は Gecko 2.0 よりサポートされている
transition-property CSS 3 (Transitions) Yes 16.0 -moz-transition-property は Gecko 2.0 よりサポートされている
transition-timing-function CSS 3 (Transitions) Yes 16.0 -moz-transition-timing-function は Gecko 2.0 よりサポートされている
unicode-bidi CSS 2.1 Yes 1.0 -
vertical-align CSS 2.1 Yes 1.0 -
visibility CSS 2.1 Yes 1.3 -
white-space CSS 2.1 Yes 1.0 -
widows CSS 2.1 No - バグ 137367.
width CSS 2.1 Yes 1.0 -
word-break CSS 3 (Text) No - バグ 249159.
word-spacing CSS 2.1 Yes 1.0 -
word-wrap CSS 3 (Text) Yes 1.9.1 -
z-index CSS 2.1 Yes 1.0 -

@-規則

規則 仕様書 サポート済 サポート開始 注記
@charset CSS 2.1 Yes 1.0 -
@document CSS 3 Yes 6.0 @-moz-document は Gecko 1.8 よりサポートされている
@font-face CSS 3 (Fonts) Yes 1.9.1 -
@import CSS 2.1 Yes 1.0 -
@keyframes CSS 3 (Animations) Yes 16.0 @-moz-keyframes は Gecko 5.0 よりサポートされている
@media CSS 3 (Media Queries) Yes 1.0 -
@namespace CSS 3 (Namespace) Yes 1.0 -
@page CSS 2.1 Yes 19.0 -
@supports CSS 3 Yes 19.0 (18.0) Gecko 18.0 では、ユーザが layout.css.supports-rule.enabletrue に設定した場合にのみ @supports のサポートが有効になります

メディアクエリ

プロパティ 仕様書 サポート済 サポート開始 注記
aspect-ratio CSS 3 (MediaQueries) Yes 1.9.1 -
color CSS 3 (MediaQueries) Yes 1.9.1 -
color-index CSS 3 (MediaQueries) Yes 1.9.1 -
device-aspect-ratio CSS 3 (MediaQueries) Yes 1.9.1 -
device-height CSS 3 (MediaQueries) Yes 1.9.1 -
device-width CSS 3 (MediaQueries) Yes 1.9.1 -
grid CSS 3 (MediaQueries) No - -
height CSS 3 (MediaQueries) Yes 1.9.1 -
monochrome CSS 3 (MediaQueries) Yes 1.9.1 -
orientation CSS 3 (MediaQueries) Yes 1.9.1 -
resolution CSS 3 (MediaQueries) Yes 1.9.1 -
scan CSS 3 (MediaQueries) No - -
width CSS 3 (MediaQueries) Yes 1.9.1 -

値と単位

値 / 単位 仕様書 サポート済 サポート開始 注記
キーワード
inherit CSS 3 (Cascade) Yes 1.0 -
initial CSS 3 (Cascade) No - -moz-initial は Gecko 1.9 よりサポートされている
関数
attr() CSS 3 (Values) No 1.0 content プロパティのテキストのみをサポートしている(※ バグ 435426
calc() CSS 3 (Values) No - -moz-calc は Gecko 2.0 よりサポートされている(※ バグ 363249
counter() CSS 3 (Values) Yes 1.0 -
url() CSS 3 (Values) Yes 1.0 -
HTML4 color keywords CSS 3 (Color) Yes 1.0 -
SVG color keywords CSS 3 (Color) Yes 1.0 -
System colors CSS 3 (Color) Yes 1.0 -
RGB CSS 3 (Color) Yes 1.0 -
rgba(r,g,b,a) CSS 3 (Color) Yes 1.9 -
hsl(h,s,l) CSS 3 (Color) Yes 1.5 -
hsla(h,s,l,a) CSS 3 (Color) Yes 1.9 -
currentColor CSS 3 (Color) Yes 1.8 -
transparent CSS 3 (Color) Yes 1.9 -
単位
% CSS 3 (Values) Yes 1.0 -
ch CSS 3 (Values) Yes 1.9.1 -
cm CSS 3 (Values) Yes 1.0 -
deg CSS 3 (Values) Yes 1.9.1 -
dpcm CSS 3 (MediaQueries) Yes 1.9.1 -
dpi CSS 3 (MediaQueries) Yes 1.9.1 -
em CSS 3 (Values) Yes 1.0 -
ex CSS 3 (Values) Yes 1.0 -
gd CSS 3 (Values) No - -
grad CSS 3 (Values) Yes 1.9.1 -
Hz CSS 3 (Values) No - -
in CSS 3 (Values) Yes 1.0 -
kHz CSS 3 (Values) No - -
mm CSS 3 (Values) Yes 1.0 -
ms CSS 3 (Values) Yes 2.0 -
pc CSS 3 (Values) Yes 1.0 -
px CSS 3 (Values) Yes 1.0 -
pt CSS 3 (Values) Yes 1.0 -
rad CSS 3 (Values) Yes 1.9.1 -
rem CSS 3 (Values) Yes 1.9.2 -
s CSS 3 (Values) Yes 2.0 -
turn CSS 3 (Values) No - -
vh CSS 3 (Values) No - バグ 503720.
vm CSS 3 (Values) No -
vw CSS 3 (Values) No -
画像とグラデーション
image() CSS 3 (Images) No - -
linear-gradient() CSS 3 (Images) No - -moz-linear-gradient() は Gecko 1.9.2 よりサポートされている
radial-gradient() CSS 3 (Images) No - -moz-radial-gradient() は Gecko 1.9.2 よりサポートされている
repeating-linear-gradient() CSS 3 (Images) No - -moz-repeating-linear-gradient() は Gecko 1.9.2 よりサポートされている
repeating-radial-gradient() CSS 3 (Images) No - -moz-repeating-radial-gradient() は Gecko 1.9.2 よりサポートされている

ドキュメントのタグと貢献者

タグ: 
Contributors to this page: ethertank, Mgjbot, Taken, drry
最終更新者: ethertank,