>  기사  >  웹 프론트엔드  >  HTML은 요소의 인라인 스타일의 속성 스타일을 지정합니다.

HTML은 요소의 인라인 스타일의 속성 스타일을 지정합니다.

黄舟
黄舟원래의
2017-11-03 13:43:108834검색

HTML 문서에서 스타일 속성 사용:

<h1 style="color:blue; text-align:center">This is a header</h1>
<p style="color:red">This is a paragraph.</p>

정의 및 사용법

스타일 속성은 요소의 인라인 스타일을 지정합니다.

스타일 속성은 c9ccee2e6ea535a969eb3f532ad9fe89 태그와 같은 모든 전역 스타일 설정을 재정의합니다. 또는 외부 스타일 시트에 지정된 스타일.

지원

W3C: "W3C" 열은 속성이 W3C의 HTML/XHTML 권장 사항에 정의되어 있는지 여부를 나타냅니다.

IE Firefox Opera Safari W3C
YES YES YES YES YES
구문

<element style="value">

속성

값 Descriptionstyle_definition세미콜론으로 구분된 하나 이상의 CSS 속성 및 값입니다.
다음은 스타일 속성의 몇 가지 예입니다.

스타일 속성을 사용하여 배경색 변경(bgcolor 효과)

<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>

스타일 속성은 이전 "bgcolor" 속성을 제거합니다.

스타일 속성을 사용하여 색상, 글꼴 및 크기를 설정하세요

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>

스타일 속성은 이전 240cb830ca84ebaabbd07850110b414d 태그를 제거합니다.

style 속성은 텍스트 정렬 방식을 설정합니다.

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>

style 속성은 align 속성을 제거합니다.

위 내용은 HTML은 요소의 인라인 스타일의 속성 스타일을 지정합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.