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 <div> with some inline css to set the image. Here's kinda what I want but of course it wont work.

<div id="avatar" style="<%= current_person.avatar %>"></div>

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 ?