[Js & Jquery] css 적용하는 방법

 

 

 

방법 1
var css= ".slider-container{width:"+ (contentWidth*page.length) +"px;} ";
    css = css + ".slider-page{float:left;margin:0 auto;width:"+(contentWidth)+"px;}";
    var sheet = document.createElement('style')
    sheet.innerHTML = css;
 document.body.appendChild(sheet);

방법 2
tabMenus[position].style["border-bottom"]= "3px solid #63a3dc";

 

방법 3
imgName[0].style.display = 'block';

 

방법 4
obj[i].style.cssText = "border:1px solid #ff0000;width:500px;text-align:center;padding-top:100px"

 

방법 5

$("#foo").css("background","#FFF");

 

Javascript & Jquery를 막 시작하였을 때 정리하였던 CSS 적용 방법 4가지