CSS Online Autoprefixer
投稿日: / 更新日:
スタイルシートに必要なvendor prefixを簡単に調べることができるウェブサービスです。フォローするブラウザをバージョンから指定できます。
判定前のコード
判定後のコード
オプション
フォローするブラウザのバージョンを指定できます。デフォルトでは、2年前までのブラウザをフォローする設定になっています。変更した設定はブラウザに保存されます。
- Chrome
- 無視
49
2016年3月頃
48
2016年1月頃
47
2015年12月頃
46
2015年10月頃
45
2015年9月頃
44
2015年7月頃
43
2015年5月頃
42
2015年4月頃
41
2015年3月頃
40
2015年1月頃
39
2014年11月頃
38
2014年10月頃
37
2014年8月頃
36
2014年7月頃
35
2014年5月頃
34
2014年4月頃
33
2014年2月頃
32
2014年1月頃
31
2013年11月頃
30
2013年10月頃
29
2013年8月頃
28
2013年6月頃
27
2013年5月頃
26
2013年3月頃
25
2013年2月頃
24
2013年1月頃
23
2012年11月頃
22
2012年9月頃
21
2012年7月頃
20
2012年6月頃
19
2012年5月頃
18
2012年3月頃
17
2012年2月頃
16
2011年12月頃
15
2011年10月頃
14
2011年9月頃
13
2011年8月頃
12
2011年6月頃
11
2011年4月頃
10
2011年3月頃
9
2011年2月頃
8
2010年12月頃
7
2010年10月頃
6
2010年9月頃
5
2010年5月頃
4
2010年3月頃
- Firefox
- 無視
45
2016年3月頃
44
2016年1月頃
43
2015年12月頃
42
2015年11月頃
41
2015年9月頃
40
2015年8月頃
39
2015年6月頃
38
2015年5月頃
37
2015年3月頃
36
2015年2月頃
35
2015年1月頃
34
2014年12月頃
33
2014年10月頃
32
2014年9月頃
31
2014年7月頃
30
2014年6月頃
29
2014年4月頃
28
2014年3月頃
27
2014年2月頃
26
2013年12月頃
25
2013年10月頃
24
2013年9月頃
23
2013年8月頃
22
2013年6月頃
21
2013年5月頃
20
2013年4月頃
19
2013年2月頃
18
2013年1月頃
17
2012年11月頃
16
2012年10月頃
15
2012年8月頃
14
2012年7月頃
13
2012年6月頃
12
2012年4月頃
11
2012年3月頃
10
2012年1月頃
9
2011年12月頃
8
2011年11月頃
7
2011年9月頃
6
2011年8月頃
5
2011年6月頃
4
2011年3月頃
3.6
2010年1月頃
3.5
2009年6月頃
3
2008年6月頃
2
2006年10月頃
- Edge
- 無視
14
2016年2月頃
13
2015年9月頃
12
2015年3月頃
- Internet Explorer
- 無視
11
2013年10月頃
10
2012年8月頃
9
2011年3月頃
8
2009年3月頃
7
2006年10月頃
6
2001年8月頃
5.5
2000年7月頃
- Safari
- 無視
9
2015年9月頃
8
2014年10月頃
7.1
2014年9月頃
7
2013年10月頃
6.1
2013年10月頃
6
2012年7月頃
5.1
2011年7月頃
5
2010年6月頃
4
2009年6月頃
3.2
2008年11月頃
3.1
2008年3月頃
- Opera
- 無視
35
2016年2月頃
34
2015年12月頃
33
2015年10月頃
32
2015年9月頃
31
2015年8月頃
30
2015年6月頃
29
2015年4月頃
28
2015年3月頃
27
2015年1月頃
26
2014年12月頃
25
2014年10月頃
24
2014年9月頃
23
2014年7月頃
22
2014年6月頃
21
2014年5月頃
20
2014年3月頃
19
2014年1月頃
18
2013年11月頃
17
2013年10月頃
16
2013年8月頃
15
2013年7月頃
12.1
2012年11月頃
12
2012年6月頃
11.6
2011年12月頃
11.5
2011年6月頃
11.1
2011年4月頃
11
2010年12月頃
10.6
2010年7月頃
10.5
2010年3月頃
10.0-10.1
2009年9月頃
9.5-9.6
2008年6月頃
9
2006年1月頃
- Safari (iOS)
- 無視
9.0-9.2
2015年9月頃
8.1-8.4
2015年3月頃
8
2014年9月頃
7.0-7.1
2013年9月頃
3.2
2009年6月頃
- Android
- 無視
4.4.3-4.4.4
2014年6月頃
4.4
2014年6月頃
4.2-4.3
2013年7月頃
4.1
2012年12月頃
4
2012年6月頃
2.3
2011年10月頃
2.1
2010年1月頃
使い方
基本的な操作方法
- 「判定前のコード」に、vendor prefixを調べたいスタイルシートのコードを入力し、「判定する」をクリックして下さい。
- vendor prefixが足りない場合は付け足した、無駄なvendor prefixがある場合は削除したコードが「判定後のコード」に出力されます。
- コードはまとめてではなく、1ブロックごとに判定した方が、動作が安定すると思います。
便利な機能
- 「オプション」の項目では、各ブラウザの、どのバージョンまでをフォローするかを設定できます。
- 「無視」を選択すると、そのブラウザへは考慮しないようになります。
- 設定はお使いのブラウザに保存され、次回以降、再設定をする必要がありません。ブラウザの設定によっては保存した内容が削除されてしまうかもしれません。
アルゴリズムについて
- vendor prefixの判定アルゴリズムには、Andrey SitnikさんとEvil Martiansさんが開発、公開しているライブラリの、Autoprefixerを利用させていただきました。