img要素などいくつかのHTML要素では width と height を属性で書いてもよい。
<img width="100px" src="foobar">
しかし、このwidth属性に対してCSSでもwidth指定をしていたら、どちらが優先されるのか。
<img width="100px"> と <img style="width:100px;"> は挙動が違うというのはわかって入るが、具体的にどうなんだろうと思って調べてみた。
ざっくり調べた結論としては、属性でwidthを指定するのは何よりも優先度(詳細度)が低いというつもりでいればいいだろう、という感じ。
width属性はCSSじゃないので詳細度という言い方が適切かはわからない。
あと、スタイルと一緒くたにしてしまったが、本来はスタイルの指定に使うものではない。 HTML5.2のspecを一部読んだ感じでは、width属性とheight属性両方とも同時に指定するのが本来の仕様であり、ユーザーエージェント（ブラウザ）はその値を描画のヒントとすることを期待するものとのこと。
実際のブラウザの挙動を確認するのはstackblitzで適当にサンプルコード書いた。 Safari, Chrome, Firefoxあたりで確認して、同じだった。
https://stackblitz.com/edit/attribute-style-specificity
