すべてがWebKitになる - Qiita

<style> #target { background-color: red; height: 200px; width: 200px; border-radius: 0; /* 正方形 */ -webkit-border-radius: 100px; /* 円形 */ -moz-border-radius: 20px; /* 角丸四角 */ } </style> <div id="target"></div> 順当に考えれば「正方形」か「角丸四角」に絞り込まれるはずだ。 詳しい人であれば、ベンダープレフィックスの廃止を問う問題だと考えるかもしれない。 「border-radius」は主要なブラウザにおいてベンダープレフィックス無しで実装されており、 「-moz-border-radius」は2012年にリリースされたFirefox 13から廃止されている。 https://develo

[SallyAcolyte]

衝動のままに書きました。

[keim_at_Si]

一見、カオスで楽しいHTML5なので、興ざめしないようにブコメでネタばらし。cssは後置優位なのでwebkit-border-radiusとborder-radiusを逆にすればborder-radiusが採用。なので、そこまで変な挙動でもないんだけど、いいぞもっとやれ

[dikn]

いや期待する挙動は「-webkit-を解釈できないため無視する」だし、しかもfirefoxに関してはより後方にある-moz-を無視してる。これが変な挙動じゃなくてなんなの……

[dsl]

昔のIEの位置にChromeが収まった

[tmatsuu]

ベンダープレフィックスとは何だったのか

[matarillo]

多様性は善なんてのはだいたい建前