element.style

요약

요소의 style 속성(attribute)을 나타내는 개체를 반환합니다.

var div = document.getElementById("div1");
div.style.marginTop = ".25in";

주의

CSS cascade에서 우선순위가 가장 높은 style 속성에서 style 프로퍼티가 that's not the right word... 요소의 inline 스타일 선언을 나타내기 때문에, 특정 요소 하나에 스타일을 설정하는 데 쓸모가 있습니다.

그러나, <head> section의 스타일 규칙이나 외부 스타일 시트와 같은 딴 스타일 규칙에서 나온 것이 아니라 오직 요소의 inline style 속성에 설정한 CSS 선언을 나타내기 때문에 보통은 요소의 스타일에 관해 배우는 데 쓸모가 없습니다.

요소의 모든 CSS 프로퍼티값을 얻기 위해서는 여러분은 대신 window.getComputedStyle을 써야 합니다.

Gecko DOM에서 이용할 수 있는 CSS 프로퍼티 목록은 DOM CSS 프로퍼티 목록을 보세요. DOM에서 style 요소에 style 프로퍼티 사용에 관한 부가 기록이 있습니다.

style 프로퍼티 사용이 style 속성에 지정됐을 지도 모를 다른 CSS 프로퍼티를 겹쳐 쓰지 않기 때문에, 스크립트에서 elt.setAttribute('style', '...')보다 style 프로퍼티 사용이 보통은 더 낫습니다.

명세

DOM Level 2 Style: ElementCSSInlineStyle.style

문서 태그 및 공헌자

태그: 
 이 페이지의 공헌자: fscholz, AshfaqHossain, teoli, Netaras
 최종 변경: AshfaqHossain,