CSS3のW3Cドキュメント現状調べ〜第五部：Chromeと仲良くしよう〜
あろ〜。津波大変そうだねぇ。。でも一向に高いの来てない？
Chrome/SafariのCSS3対応状況をざっっくり調べてみたよ〜。津波に乗って怒濤のまとめだ（`皿´）！
- 「◎」は公式使用にプラスアルファの実装があるもの
- 「○」は公式使用とマッチしているもの
- 「△」は公式使用とミスマッチだけどある程度実装されているもの
- 「？」は公式ドキュメントに載ってなくて、検索かけてもすぐには分からなかったもの
- 評価が「-」は未対応と思われるもの、それ以外は公式ドキュメントと差異がないため省略したもの
だよっ
じゃー、怒濤のまとめ、行ってみよーか。
| 名称 | 種別 | > | > | Chrome/Safari |
|---|---|---|---|---|
| ~ | ~ | バージョン | プロパティ名 | 評価 |
| :scope | 疑似クラス | ？ | ？ | ？ |
| column-width | プロパティ | 3.0〜 | -webkit-column-width | ○ |
| column-count | プロパティ | 3.0〜 | -webkit-column-count | ○ |
| columns | プロパティ | 3.0〜 | -webkit-column | ○ |
| column-gap | プロパティ | 3.0〜 | -webkit-column-gap | ○ |
| column-rule-color | プロパティ | 3.0〜 | -webkit-column-rule-color | ○ |
| column-rule-style | プロパティ | 3.0〜 | -webkit-column-style | ○ |
| column-rule-width | プロパティ | 3.0〜 | -webkit-column-rule-width | ○ |
| column-rule | プロパティ | 3.0〜 | -webkit-column-rule | ○ |
| column-span | プロパティ | - | - | - |
| avoid-column | 値 | 3.0〜 | -webkit-column-break-after&br;-webkit-column-break-before&br;-webkit-column-break-inside | △ |
| column-fill | プロパティ | - | - | - |
| E[foo^="bar"] | セレクタ | 1.0〜 | - | ○ |
| E[foo$="bar"] | セレクタ | 1.0〜 | - | ○ |
| E[foo*="bar"] | セレクタ | 1.0〜 | - | ○ |
| E:root | 疑似クラス | 1.0〜 | - | ○ |
| E:nth-child(n) | 疑似クラス | 3.0〜？ | - | ○ |
| E:nth-last-child(n) | 疑似クラス | ？ | ？ | ？ |
| E:nth-of-type(n) | 疑似クラス | 1.0〜 | - | ○ |
| E:nth-last-of-type(n) | 疑似クラス | ？ | ？ | ？ |
| E:last-child | 疑似クラス | ？ | ？ | ？ |
| E:first-of-type | 疑似クラス | ？ | ？ | ？ |
| E:last-of-type | 疑似クラス | ？ | ？ | ？ |
| E:only-child | 疑似クラス | 1.0〜 | - | ○ |
| E:only-of-type | 疑似クラス | ？ | ？ | ？ |
| E:empty | 疑似クラス | 1.0〜 | - | ○ |
| E:target | 疑似クラス | 1.0〜 | - | ○ |
| E:enabled | 疑似クラス | 1.0〜 | - | ○ |
| E:disabled | 疑似クラス | 1.0〜 | - | ○ |
| E:checked | 疑似クラス | 1.0〜 | - | ○ |
| E:not(s) | 疑似クラス | 1.0〜 | - | ○ |
| E ~ F | 疑似クラス | 1.0〜 | - | ○ |
| transition-property | プロパティ | 3.1〜 | -webkit-transition-property | ○ |
| transition-duration | プロパティ | 3.1〜 | -webkit-transition-duration | ○ |
| transition-timing-function | プロパティ | 3.1〜 | -webkit-transition-timing-function | ○ |
| transition-delay | プロパティ | 4.0〜 | -webkit-transition-delay | ○ |
| transition | プロパティ | 3.1〜 | -webkit-transition | ○ |
| transform | プロパティ | 3.1〜 | -webkit-transform | ○ |
| transform-origin | プロパティ | 3.1〜 | -webkittransform-origin | ○ |
| background-clip | プロパティ | 3.0〜 | -webkit-background-clip | △ |
| background-origin | プロパティ | 3.0〜 | -webkit-background-origin | ○ |
| background-size | プロパティ | 3.0〜 | -webkit-background-size | ○ |
| border-image-source | プロパティ | - | - | - |
| border-image-slice | プロパティ | - | - | - |
| border-image-width | プロパティ | - | - | - |
| border-image-outset | プロパティ | - | - | - |
| border-image-repeat | プロパティ | - | - | - |
| border-image | プロパティ | 3.0〜 | -webkit-border-image | ○ |
| box-break | プロパティ | - | - | - |
| logos.png#xywh=10,30,60,20 | 値 | ？ | ？ | ？ |
| image() | 値 | - | - | - |
| box-orient | プロパティ | 3.0〜 | -webkit-box-orient | ○ |
| box-direction | プロパティ | 3.0〜 | -webkit-box-direction | ○ |
| box-ordinal-group | プロパティ | 3.0〜 | -webkit-ordinal-group | ○ |
| box-align | プロパティ | 3.0〜 | -webkit-box-align | ○ |
| box-flex | プロパティ | 3.0〜 | -webkit-box-flex | ○ |
| box-flex-group | プロパティ | 3.0〜 | -webkit-box-flex-group | ○ |
| box-pack | プロパティ | 3.0〜 | -webkit-box-pack | ○ |
| box-lines | プロパティ | 3.0〜 | -webkit-box-lines | ○ |
| unicode-range | プロパティ | 3.1〜 | unicode-range | ○ |
| ::slot() | 疑似要素 | ？ | ？ | ？ |
| animation-name | プロパティ | 4.0〜 | -webkit-animation-name | ○ |
| animation-duration | プロパティ | 4.0〜 | -webkit-animation-duration | ○ |
| animation-timing-function | プロパティ | 4.0〜 | -webkit-animation-timing-function | ○ |
| animation-iteration-count | プロパティ | 4.0〜 | -webkit-animation-iteration-count | ○ |
| animation-direction | プロパティ | 4.0〜 | -webkit-animation-direction | ○ |
| animation-play-state | プロパティ | 4.0〜 | -webkit-animation-play-state | ○ |
| animation-delay | プロパティ | 4.0〜 | -webkit-animation-delay | ○ |
| animation | プロパティ | 4.0〜 | -webkit-animation | ○ |
| @keyframes | @ルール | ？ | @-webkit-keyframes | ○ |
| transform | プロパティ | 3.1〜 | -webkit-transform | ○ |
| transform-origin | プロパティ | 3.1〜 | -webkit-transform-origin | ○ |
| transform-style | プロパティ | ？ | -webkit-transform-style | ○ |
| perspective | プロパティ | ？ | -webkit-perspective | △ |
| perspective-origin | プロパティ | ？ | -webkit-perspective-origin | ○ |
| backface-visibility | プロパティ | 4.0〜 | -webkit-backface-visibility | ○ |
| marquee-style | プロパティ | 3.0〜 | -webkit-marquee-style | ◎ |
| marquee-play-count | プロパティ | 3.0〜 | -webkit-marquee-repetition | ○ |
| marquee-direction | プロパティ | 3.0〜 | -webkit-marquee-direction | ◎ |
| marquee-speed | プロパティ | 3.0〜 | -webkit-marquee-speed | ◎ |
| opacity | プロパティ | 2.0〜 | opacity | ○ |
| rgba(x,x,x,x) | 値 | ？ | - | ○ |
| hsl(x,x,x) | 値 | ？ | ？ | ？ |
| hsla(x,x,x) | 値 | ？ | ？ | ？ |
| currentColor | 値 | ？ | ？ | ？ |
| @namespace | @ルール | - | - | - |
| binding | プロパティ | - | - | - |
| :bound-element | 疑似クラス | ？ | ？ | ？ |
| grid-columns | プロパティ | - | - | - |
| grid-rows | プロパティ | - | - | - |
| overflow-x | プロパティ | 3.0〜 | overflow-x | △ |
| overflow-y | プロパティ | 3.0〜 | overflow-y | △ |
| no-display | 値 | - | - | - |
| no-content | 値 | - | - | - |
| overflow-style | プロパティ | - | - | - |
| rotation | プロパティ | - | - | - |
| rotation-point | プロパティ | - | - | - |
| string-set | プロパティ | - | - | - |
| string() | 値 | - | - | - |
| element() | 値 | - | - | - |
| leader() | 値 | - | - | - |
| target-counter() | 値 | - | - | - |
| target-counters() | 値 | - | - | - |
| target-text | 値 | - | - | - |
| footnote | 値 | - | - | - |
| @footnote | @ルール | - | - | - |
| ::footnote-call | 疑似要素 | - | - | - |
| ::footnote-marker | 疑似要素 | - | - | - |
| border-length | プロパティ | - | - | - |
| target-move() | 値 | - | - | - |
| hyphens | プロパティ | - | - | - |
| hyphenate-resource | プロパティ | - | - | - |
| hyphenate-before | プロパティ | - | - | - |
| hyphenate-after | プロパティ | - | - | - |
| hyphenate-lines | プロパティ | - | - | - |
| hyphenate-character | プロパティ | - | - | - |
| super-decimal | 値 | - | - | - |
| @counter-style | @ルール | - | - | - |
| text-replace | プロパティ | - | - | - |
| image-resolution | プロパティ | - | - | - |
| floatのページメディア用値 | 値 | - | - | - |
| float-offset | プロパティ | - | - | - |
| bookmark-level | プロパティ | - | - | - |
| bookmark-label | プロパティ | - | - | - |
| bookmark-target | プロパティ | - | - | - |
| cmyk(x,x,x,x) | 値 | ？ | ？ | ？ |
| ::before-page-break | 疑似要素 | - | - | - |
| ::after-page-break | 疑似要素 | - | - | - |
| ::line-number-left(x) | 疑似要素 | - | - | - |
| ::line-number-right(x) | 疑似要素 | - | - | - |
| ::line-number-inside(x) | 疑似要素 | - | - | - |
| ::line-number-outside(x) | 疑似要素 | - | - | - |
| white-space-collapse | プロパティ | 3.0〜 | -webkit-nbsp-mode | △ |
| word-break | プロパティ | 3.0〜 | word-break | △ |
| word-wrap | プロパティ | 2.0〜 | word-wrap | ○ |
| text-wrap | プロパティ | - | - | - |
| start | 値 | ？ | text-align | ○ |
| end | 値 | ？ | text-align | ○ |
| text-align-last | プロパティ | - | - | - |
| text-justify | プロパティ | - | - | - |
| punctuation-trim | プロパティ | - | - | - |
| text-line-decoration | プロパティ | - | - | - |
| text-line-color | プロパティ | 3.0〜 | -webkit-text-stroke-color | △ |
| text-line-style | プロパティ | - | - | - |
| text-line-skip | プロパティ | - | - | - |
| text-underline-position | プロパティ | - | - | - |
| text-emphasis | プロパティ | - | - | - |
| text-shadow | プロパティ | 1.1〜 | text-shadow | ○ |
| text-outline | プロパティ | - | - | - |
| hanging-punctuation | プロパティ | - | - | - |
| image-orientation | プロパティ | - | - | - |
| fit | プロパティ | - | - | - |
| fit-position | プロパティ | - | - | - |
| gd | 単位 | ？ | ？ | ？ |
| rem | 単位 | ？ | ？ | ？ |
| vw | 単位 | ？ | ？ | ？ |
| vh | 単位 | ？ | ？ | ？ |
| vm | 単位 | ？ | ？ | ？ |
| turn | 単位 | ？ | ？ | ？ |
| calc() | 値 | ？ | ？ | ？ |
| voice-volume | プロパティ | - | - | - |
| voice-balance | プロパティ | - | - | - |
| rest-before | プロパティ | - | - | - |
| rest-after | プロパティ | - | - | - |
| rest | プロパティ | - | - | - |
| mark-before | プロパティ | - | - | - |
| mark-after | プロパティ | - | - | - |
| mark | プロパティ | - | - | - |
| voice-rate | プロパティ | - | - | - |
| voice-pitch | プロパティ | - | - | - |
| voice-pitch-range | プロパティ | - | - | - |
| voice-stress | プロパティ | - | - | - |
| voice-duration | プロパティ | - | - | - |
| phonemes | プロパティ | - | - | - |
| @phonetic-alphabet | @ルール | - | - | - |
| :indeterminate | 疑似クラス | ？ | ？ | ？ |
| :default | 疑似クラス | ？ | ？ | ？ |
| :valid | 疑似クラス | ？ | ？ | ？ |
| :invalid | 疑似クラス | ？ | ？ | ？ |
| :in-range | 疑似クラス | ？ | ？ | ？ |
| :out-of-range | 疑似クラス | ？ | ？ | ？ |
| :required | 疑似クラス | ？ | ？ | ？ |
| :optional | 疑似クラス | ？ | ？ | ？ |
| :read-only | 疑似クラス | ？ | ？ | ？ |
| :read-write | 疑似クラス | ？ | ？ | ？ |
| ::selection | 疑似要素 | 1.0〜 | outline-offset | ○ |
| ::value | 疑似要素 | ？ | ？ | ？ |
| ::choices | 疑似要素 | ？ | ？ | ？ |
| ::repeat-item | 疑似要素 | ？ | ？ | ？ |
| ::repeat-index | 疑似要素 | ？ | ？ | ？ |
| appearance | プロパティ | 3.0〜 | -webkit-appearance | ○ |
| icon | プロパティ | - | - | - |
| box-sizing | プロパティ | 3.0〜 | -webkit-box-sizing | ○ |
| outline-offset | プロパティ | 1.2〜 | outline-offset | ○ |
| resize | プロパティ | 3.0〜 | resize | ○ |
| nav-index | プロパティ | - | - | - |
| nav-up | プロパティ | - | - | - |
| nav-right | プロパティ | - | - | - |
| nav-down | プロパティ | - | - | - |
| nav-left | プロパティ | - | - | - |
| target-name | プロパティ | - | - | - |
| target-new | プロパティ | - | - | - |
| target-position | プロパティ | - | - | - |
| target | プロパティ | - | - | - |
| presentation-level | プロパティ | - | - | - |
| ruby | 値 | - | - | - |
| ruby-base | 値 | - | - | - |
| ruby-text | 値 | - | - | - |
| ruby-base-container | 値 | - | - | - |
| ruby-text-container | 値 | - | - | - |
| ruby-position | プロパティ | - | - | - |
| ruby-align | プロパティ | - | - | - |
| ruby-overhang | プロパティ | - | - | - |
| ruby-span | プロパティ | - | - | - |
| ::outside | 疑似要素 | ？ | ？ | ？ |
| ::outside(x) | 疑似要素 | ？ | ？ | ？ |
| ::alternate | 疑似要素 | ？ | ？ | ？ |
| ::before(x) | 疑似要素 | ？ | ？ | ？ |
| ::after(x) | 疑似要素 | ？ | ？ | ？ |
| ::line-marker | 疑似要素 | ？ | ？ | ？ |
| move-to | プロパティ | - | - | - |
| @counter | @ルール | - | - | - |
| @string | @ルール | - | - | - |
| page-policy | プロパティ | - | - | - |
| footnote | 値 | - | - | - |
| endnote | 値 | - | - | - |
| section-note | 値 | - | - | - |
| hyphen | 値 | - | - | - |
| diamond | 値 | - | - | - |
| ethiopic-numeric | 値 | - | - | - |
| japanese-formal | 値 | - | - | - |
| japanese-informal | 値 | - | - | - |
| simp-chinese-formal | 値 | - | - | - |
| simp-chinese-informal | 値 | - | - | - |
| syriac | 値 | - | - | - |
| tamil | 値 | - | - | - |
| trad-chinese-informal | 値 | - | - | - |
| その他たくさん | 値 | - | - | - |
| dot-dash | 値 | - | - | - |
| dot-dot-dash | 値 | - | - | - |
| wave | 値 | - | - | - |
| border-x-radius | プロパティ | 3.0〜 | -webkit-border-x-radius | ○ |
| border-radius | プロパティ | 3.0〜 | -webkit-border-x-radius | ○ |
| border-top-image | プロパティ | - | - | - |
| border-right-image | プロパティ | - | - | - |
| border-bottom-image | プロパティ | - | - | - |
| border-left-image | プロパティ | - | - | - |
| border-image | プロパティ | 3.0〜 | -webkit-border-image | △ |
| border-top-left-image | プロパティ | - | - | - |
| border-top-right-image | プロパティ | - | - | - |
| border-bottom-right-image | プロパティ | - | - | - |
| border-bottom-left-image | プロパティ | - | - | - |
| border-corner-image | プロパティ | - | - | - |
| border-top-fit-length | プロパティ | - | - | - |
| border-right-fit-length | プロパティ | - | - | - |
| border-bottom-fit-length | プロパティ | - | - | - |
| border-left-fit-length | プロパティ | - | - | - |
| border-top-fit-width | プロパティ | - | - | - |
| border-right-fit-width | プロパティ | - | - | - |
| border-bottom-fit-width | プロパティ | - | - | - |
| border-left-fit-width | プロパティ | - | - | - |
| border-fit-length | プロパティ | - | - | - |
| border-fit-width | プロパティ | - | - | - |
| border-fit | プロパティ | - | - | - |
| border-top-left-fit-length | プロパティ | - | - | - |
| border-top-right-fit-length | プロパティ | - | - | - |
| border-bottom-right-fit-length | プロパティ | - | - | - |
| border-bottoml-eft-fit-length | プロパティ | - | - | - |
| border-top-left-fit-width | プロパティ | - | - | - |
| border-top-right-fit-width | プロパティ | - | - | - |
| border-bottom-right-fit-width | プロパティ | - | - | - |
| border-bottom-left-fit-width | プロパティ | - | - | - |
| border-corner-fit | プロパティ | - | - | - |
| border-image-transform | プロパティ | - | - | - |
| border-corner-image-transform | プロパティ | - | - | - |
| border-break | プロパティ | - | - | - |
| box-shadow | プロパティ | 3.0〜 | -webkit-box-shadow | △ |
| text-height | プロパティ | - | - | - |
| line-stacking-strategy | プロパティ | - | - | - |
| line-stacking-ruby | プロパティ | - | - | - |
| line-stacking-shift | プロパティ | - | - | - |
| line-stacking | プロパティ | - | - | - |
| dominant-baseline | プロパティ | - | - | - |
| alignment-baseline | プロパティ | - | - | - |
| alignment-adjust | プロパティ | - | - | - |
| baseline-shift | プロパティ | - | - | - |
| central | 値 | - | - | - |
| use-script | 値 | - | - | - |
| inline-box-align | プロパティ | - | - | - |
| drop-initial-value | プロパティ | - | - | - |
| drop-initial-size | プロパティ | - | - | - |
| drop-initial-after-align | プロパティ | - | - | - |
| drop-initial-before-adjust | プロパティ | - | - | - |
| drop-initial-before-align | プロパティ | - | - | - |
| drop-initial-after-adjust | プロパティ | - | - | - |
