..

Search

<style>

HTML <style> 태그


정의 및 특징

<style> 태그는 해당 HTML 문서의 스타일 정보를 정의할 때 사용합니다.

 

<style> 요소는 해당 요소가 포함된 HTML 문서의 콘텐츠에 적용되는 CSS를 명시하고 있으며, HTML 문서는 여러 개의 <style> 요소를 포함할 수 있습니다.

별도의 파일로 저장된 외부 스타일 시트는 <link> 요소를 사용하여 참조할 수 있습니다.


예제
<head>
    <style>
        body { background-color: lightpink }
        h1 { color: red; }
        p { text-decoration: underline; }
    </style>
</head>

코딩연습 ▶


지원하는 브라우저 및 버전

태그명

chrome

edge

ie

firefox

safari

opera

<style> 1.0 지원함 3.0 1.0 1.0 3.5

사용할 수 있는 속성

속성명   속성값 설명

media

 

미디어 쿼리

CSS 스타일이 최적화되는 미디어나 매체를 명시함.

type

 

text/css

<style> 요소의 미디어 타입을 명시함.


CSS 기본값

style {

  display: none;

}


DOM 인터페이스

interface HTMLStyleElement : HTMLElement {

  attribute DOMString media;

  attribute DOMString nonce;

  attribute DOMString type;

};

HTMLStyleElement implements LinkStyle;


연관 페이지

HTML과 CSS 수업 ⇒


연습문제