<스타일>

HTML <style> 태그

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title>
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
</head>

<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>

</html>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

브라우저 지원

전공 브라우저는 모두 <style> 태그를 지원합니다.

태그 정의 및 사용 지침

각 HTML 문서에는 여러 개의 <style> 태그가 포함될 수 있습니다.

팁 및 메모

팁: 외부 스타일시트에 연결하려면 <link> 태그를 사용하세요.

팁: 스타일 시트에 대해 자세히 알아보려면 CSS 튜토리얼을 읽어보세요.

참고: "scoped" 속성을 사용하지 않는 경우 각 <style> 태그는 헤드 헤더 영역에 있어야 합니다.

HTML 4.01과 HTML5의 차이점

"scoped" 속성은 HTML 5의 새로운 속성으로, 전체 문서 대신 문서의 특정 부분에 대한 스타일을 정의할 수 있습니다.
"scoped" 속성을 사용하는 경우 지정된 스타일은 스타일 요소의 상위 요소와 해당 하위 요소에만 적용될 수 있습니다.

Attributes

New: HTML5의 새로운 속성.

속성	값	설명
media	media_query	스타일시트에 대해 다양한 미디어 유형을 지정합니다.
scopedNew	scoped	이 속성을 사용하면 스타일 요소의 상위 요소와 해당 하위 요소에만 스타일이 적용됩니다.
type	text/css	스타일 시트의 MIME 유형을 지정합니다.

전역 속성

이벤트 속성