style 요소

정의

style (presentation) information; style 요소를 사용하여 스타일 정보를 문서에 포함시킬 수 있습니다.

마크업 규칙

Flow Interactive Metadata Phrasing Embedded Heading Sectioning

style 요소의 textContent는 다음의 ABNF, 유니코드를 위한 문자셋의 style 결과물과 일치해야 합니다.

style           = no-c-start *( c-start no-c-end c-end no-c-start )
no-c-start    = <any string that doesn't contain a substring that matches c-start >
c-start         = "<!--"
no-c-end        = <any string that doesn't contain a substring that matches c-end >
c-end           = "-->"

기본 문법은 다음과 같습니다.

예제1 - scoped 속성이 없는 경우:

<html>
<head>
  <title>HTML5 - Style</title>
  <style>
    body{background-color: white; color: black;}
    p{color: green;}
    strong{color: red;}
  </style>
</head>
<body>
  <p>
    이것은 <strong>style</strong>에 대한 예제입니다.
  </p>
</body>
</html>

예제2 - scoped 속성이 있는 경우:

<html>
<head>
  <title>HTML5 - Style</title>
</head>
<body>
  <style scoped="scoped">
    body{background-color: white; color: black;}
    p{color: green;}
    strong{color: red;}
  </style>
  <p>
    이것은 <strong>style</strong>에 대한 예제입니다.
  </p>
</body>
</html>

속성

속성명 설명
전역 속성 공통 속성
media 스타일이 적용될 매체를 명시합니다.
type 스타일 언어를 나타냅니다. 속성이 존재하지 않는다면 기본값으로 “text/css”를 사용합니다.
scoped 문서 전체가 아닌 style 요소가 사용된 부모의 하위에만 적용합니다.
title 대체 가능한 스타일시트를 정의합니다.

메모

HTML4/XHTML1과의 차이점, 접근성, 보충 내용 그리고 편집자 의견 등을 포함하고 있습니다.

참조

기준 명세를 바탕으로 명세 번역과 레퍼런스 제작이 이루어졌습니다. 최근 내용은 최신 명세를 확인해 주세요.

관련 요소

 
html5/element/style.txt · 마지막 수정: 2013/11/19 13:35 (외부 편집기)
이 레퍼런스는 클리어보스가 제작/운영하고 있으며, 다음의 라이센스를 따릅니다 :CC 저작자표시-비영리-동일조건변경허락 2.0
Recent changes RSS feed World Wide Web Consortium Driven by DokuWiki