Dynamic Inline CSS

So I’m making a user profile page for my app. However I want the
user’s avatar to have an inset white box-shadow. Therefore using <img /

isn’t an option since it doesn’t support inset shadows (or at least
not in Chrome). So instead I’m using a

with some inline css to
set the image. Here’s kinda what I want but of course it wont work.

Can anyone point me in the right direction for doing this?

You have to store style in some variable and then need to be apply there
in div style
But do you have conditional border style ? Or white shadow border should
be available for all avtar images ?