<span 

class="mgr_top_mypage_avactar" 

style="background:url('/images/avatar.png');</p><p style="margin-left: 2em;">background-repeat:no-repeat;background-size:cover;

background-center;"></span>    


class 안에 이미 background-repeat size position 등을 다 정의 해놨는데


배경이미지같은 경우는 런타임에 실시간으로 사용자 프로필 이미지를 가져오는거라서 css파일에 기술할 수는 없는데

이렇게 태그에 style 줘서 백드라운드 유알엘을 바꾸게 되면 repeat size position등의 속성값들이 초기화 됩니다.


그래서 어쩔 수 없이 저렇게 드럽게 태그에 덕지덕지 재 설정해주는 속성을 써서 사용 중인데 여간 더러워서 신경쓰이는데 

어떤 좋은 방법이 없을까요??