예 HTML 문서에서 스타일 속성 사용: This is a header This is a paragraph.로그인 후 복사정의 및 사용법스타일 속성은 요소의 인라인 스타일을 지정합니다. 스타일 속성은 태그와 같은 모든 전역 스타일 설정을 재정의합니다. 또는 외부 스타일 시트에 지정된 스타일. </p><p style="margin: 0px; padding: 0px; border: 0px; font-size: 18px; color: rgb(63, 63, 63); font-family: 微软雅黑; white-space: normal; background-color: rgb(253, 252, 248);">지원</p><p>W3C: "W3C" 열은 속성이 W3C의 HTML/XHTML 권장 사항에 정의되어 있는지 여부를 나타냅니다. </p><table><tbody><tr class="firstRow"><td width="72" valign="top" style="word-break: break-all;">IE</td><td width="83" valign="top" style="word-break: break-all;">Firefox</td><td width="81" valign="top" style="word-break: break-all;">Opera</td><td width="83" valign="top" style="word-break: break-all;">Safari</td><td width="85" valign="top" style="word-break: break-all;">W3C</td></tr><tr><td width="72" valign="top" style="word-break: break-all;">YES</td><td width="83" valign="top" style="word-break: break-all;">YES</td><td width="81" valign="top" style="word-break: break-all;">YES</td><td width="83" valign="top" style="word-break: break-all;">YES</td><td width="85" valign="top" style="word-break: break-all;">YES </td></tr></tbody></table>구문<p style="margin: 0px; padding: 0px; border: 0px; font-size: 18px; color: rgb(63, 63, 63); font-family: 微软雅黑; white-space: normal; background-color: rgb(253, 252, 248);"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><element style="value"></pre><div class="contentsignin">로그인 후 복사</div></div></p>속성<p style="margin: 25px 0px 0px; padding: 0px; border: 0px; font-size: 16px; color: rgb(0, 0, 0); font-family: PingFangSC-Regular, Verdana, Arial, 微软雅黑, 宋体; white-space: normal; background-color: rgb(253, 252, 248);"></p><table><tbody><tr class="firstRow"> 값 <td width="108" valign="top" style="word-break: break-all;"></td>Description<td width="1001" valign="top" style="word-break: break-all;"></td></tr><tr>style_definition<td width="108" valign="top" style="word-break: break-all;"></td>세미콜론으로 구분된 하나 이상의 CSS 속성 및 값입니다. <td width="1001" valign="top" style="word-break: break-all;"></td></tr></tbody></table>다음은 스타일 속성의 몇 가지 예입니다. <p></p>스타일 속성을 사용하여 배경색 변경(bgcolor 효과) <p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><span style="font-size: 12pt;"><html> <body style = " <h1 stye = "background-color:red>This is a Heading</h1> <p style = "background-color:green>This is a Paragraph</p> </body> </html></span></pre><div class="contentsignin">로그인 후 복사</div></div></p>스타일 속성은 이전 "bgcolor" 속성을 제거합니다. <p></p>스타일 속성을 사용하여 색상, 글꼴 및 크기를 설정하세요<p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false">1 <html> 2 <body> 3 <h1 style = "font-family:verdana">A Heading</h1> 4 <p style = "font-family:arial;color:red;font-size:20px;">A Paragraph</p> 5 </body> 6 </html></pre><div class="contentsignin">로그인 후 복사</div></div></p>스타일 속성은 이전 <font> 태그를 제거합니다. <p></p>style 속성은 텍스트 정렬 방식을 설정합니다. <p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false">1 <html> 2 <body> 3 <h1 style = "text-align:center;">A Heading</h1> 4 <p>The heading above is aligned to the center of the page</p> 5 </body> 6 </html></pre><div class="contentsignin">로그인 후 복사</div></div>style 속성은 align 속성을 제거합니다. <p></p>