<style>
<style> 태그는 웹 문서에 스타일 정보를 설정할 수 있습니다. 웹 문서에 스타일을 표현하는 방법은 인라인 스타일 (inline style), 인터널 스타일 (internal style), 익스터널 스타일 (external style) 방법이 있으며, 상황에 맞게 쓸 수 있습니다.
<style> 태그는 <head>나 <body>에 사용할 수 있지만 <head> 태그 영역 안에 설정 하는 것이 좋으며, 외부 스타일로 설정하는 것을 추천합니다.
<style>
<style> 태그는 웹 문서에 대한 스타일 정보를 정의합니다.
정의(Definition)
- <style> 태그는 웹 문서에 대한 스타일 정보를 정의합니다.
- <style> 태그는 한 문서에서 여러번 사용할 수 있습니다.
- 스타일을 표현하는 방법
- 인라인 스타일(inline style) : 태그에 직접 사용하는 방법
- 인터널 스타일(internal style) : head 태그 안에 사용하는 방법
- 익스터널 스타일(external style) : 외부 파일로 연결하는 방법
속성(Property)
| 속성 | 값(예) | 설명 | 버전 |
|---|---|---|---|
| media | media = "screen" | 미디어 유형을 설정합니다. | - |
| type | type = "text/css" | 스타일 유형을 설정합니다. | - |
| title | title = "name" | 간단한 제목을 설정합니다. | - |
| scoped | scoped | 부모와 자식요소의 관계를 설정합니다. |  |
호환성(Compatibility)
 |
 |
 |
 |
 |
 6 |
 7 |
8 |
 9 |
 10 |
 11 |
 |
 |
 |
|
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| <style> | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
| media | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
| type | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
| title | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
| scoped | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 |
