ELEMENTS

Editing
  • account_tree
  • bug_report

<style>

문서에 CSS 스타일시트(stylesheet)를 포함할 수 있다.

  • 콘텐츠 분류

  • 허용된 부모 요소 또는 위치

    <HEAD>, <NOSCRIPT>

    <head> 요소 또는 <noscript> 요소내에 위치할 수 있다. 하지만 암묵적이며 사실상 위치를 강제하지 않는다.

  • 콘텐츠 모델

    CSS 스타일시트(stylesheet) 구문에 맞는 텍스트

  • 태그 생략

    시작 태그, 종료 태그 모두 작성

  • DOM Interface

    HTMLStyleElement

    [Exposed=Window]
    interface HTMLStyleElement : HTMLElement {
      [HTMLConstructor] constructor();
    
      attribute boolean disabled;
      [CEReactions] attribute DOMString media;
      [SameObject, PutForwards=value] readonly attribute DOMTokenList blocking;
    
      // also has obsolete members
    };
    HTMLStyleElement includes LinkStyle;

설명

문서에 스타일시트(stylesheet)를 연결하는 방법 중의 하나이다. <style> 요소는 문서의 <head> 요소내에 위치해야 하나 강제하지는 않는다. 문서에 0개 이상의 <style> 요소가 포함될 수 있다.

MIME Type을 지정하는 type 애트리뷰트가 있었지만 현대의 웹 문서에서는 사용하지 않으며 HTML Standard 최신 사양에도 누락되어 있다.
HTML Standard 최신 사양에 title 애트리뷰트가 포함되어 있지만 현재 문서 작성일 기준으로 정확한 내용 확인이 어렵고 웹브라우저 지원 현황도 확실치 않다. 향후 추가적인 확인후 이 문서를 업데이트할 예정이다.

구문

마크업 형식
<style>
[<stylesheet>]+
</style>
Example

애트리뷰트

blocking unordered set of unique space-separated tokens

외부 리소스를 가져올 때 특정 작업(예: render)을 차단해야 함을 명시적으로 설정한다. 기본값은 차단 가능성이 없는 상태이다.

About Unordered set of unique space-separated tokens

순서가 없는 공백으로 구분된 고유한 토큰 세트를 나타낸다.

사용되는 키워드

render

평가를 하지만 렌더링을 차단한다.

media media query list

미디어쿼리 리스트(media query list)를 지정한다.

About Media query list

CSS <media-query-list> 타입을 나타낸다.

이 요소에서의 특징

미디어쿼리(media query)에 따라 작성된 내부의 스타일시트를 적용한다.

사용 예

<style media="screen and (max-width: 600px)">
</style>

글로벌 애트리뷰트

일부 글로벌 애트리뷰트는 이 요소에서 사용되지 않을 수 있다.

버전 명세

HTML Standard
#the-style-element

지원 웹브라우저