HTML style 속성

정의와 사용법

style 속성은 요소의 인라인 스타일(inline style)을 정의합니다

style 속성은 <style> 태그나 외부 스타일 시트에서 정의된 전체 스타일을 대체합니다.

style 속성은 어떤 HTML 요소에도 사용할 수 있습니다. (모든 HTML 요소에 대해 검증할 수 있지만, 실제로 유용하지 않을 수도 있습니다).

추가로 참조:

HTML 강의:HTML 속성

CSS 강의:CSS 개요

JavaScript 강의:JavaScript HTML DOM - CSS 변경

HTML DOM 참조서:HTML DOM Style 객체

HTML DOM 참조서:HTML DOM style 속성

HTML DOM 참조서:JS getComputedStyle() 메서드

예제

HTML 문서에서 style 속성 사용하기:

<h1 style="color:blue;text-align:center;">이제 제목입니다</h1>
<p style="color:green;">이는 문단입니다.</p>

직접 테스트해 보세요

문법

<element style="style_definitions">

속성 값

값 설명
style_definitions

콜론으로 구분된 하나나 여러 개의 CSS 속성과 값.

예를 들어: style="color:blue;text-align:center"

브라우저 지원

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
지원 지원 지원 지원 지원