CSS 스타일 속성

W3C 권고안 2013년 11월 7일

이 버전:: http://www.w3.org/TR/2013/REC-css-style-attr-20131107/
최신 버전:: http://www.w3.org/TR/css-style-attr
편집자 초안:: http://dev.w3.org/csswg/css-style-attr/ (변경 로그)
이전 버전:: http://www.w3.org/TR/2013/PR-css-style-attr-20131003/
피드백:: www-style@w3.org 제목란에 “[css-style-attr] … message topic …” 으로 보내주세요 (아카이브)
편집자:: Tantek Çelik (Mozilla, 그리고 이전 Microsoft Corporation 재직) <tantek@cs.stanford.edu>; Elika J. Etemad (Mozilla)
이전 편집자:: Bert Bos (W3C), <bert@w3.org>; Marc Attinasi (AOL/Netscape), <attinasi@netscape.com>
테스트 스위트:: http://test.csswg.org/suites/css-style-attr/nightly-unstable/

이 문서의 정오표를 참고해주세요. 일부 규범적인 수정이 포함되어 있을 수 있습니다.

번역본도 참고하세요.

초록

HTML [HTML401] 및 SVG [SVG11]와 같은 마크업 언어는 대부분의 요소에 스타일 속성을 제공하여, 해당 요소에 적용되는 인라인 스타일 정보를 저장할 수 있습니다. 이 초안에서는 그러한 스타일 속성에 사용할 수 있는 CSS 조각의 문법과 해석을 설명합니다.

문서 상태

이 섹션은 이 문서가 발행된 시점의 상태를 설명합니다. 다른 문서가 이 문서를 대체할 수 있습니다. 현재 W3C 발행물 목록과 이 기술 보고서의 최신 버전은 W3C 기술 보고서 색인에서 확인할 수 있습니다: http://www.w3.org/TR/.

이 문서는 W3C 회원, 소프트웨어 개발자, 기타 W3C 그룹 및 관련 당사자에 의해 검토되었으며, W3C 이사에 의해 W3C 권고안으로 승인되었습니다. 안정적인 문서로 참조 자료로 사용하거나 다른 문서에서 인용할 수 있습니다. W3C의 권고안 작성 역할은 사양에 대한 주목을 유도하고 널리 배포를 촉진하는 것입니다. 이는 웹의 기능성과 상호운용성을 향상시킵니다.

작업 그룹의 구현 보고서를 참고하세요. 한 테스트가 통과하지 않았는데, 이는 브라우저의 xml:base 및 속성(비)정렬 구현 버그 때문이며, 스타일 속성 자체의 문제는 아닙니다. HTML(HTML5의 xml 직렬화 포함)에 대한 동등한 테스트는 여러 구현에서 통과합니다.

공개 (아카이브) 메일링 리스트 www-style@w3.org (이용 안내 참고)는 이 명세 논의에 선호됩니다. 이메일을 보낼 때 제목에 "css-style-attr"을 넣어 주세요, 가급적이면 다음과 같이 작성하세요: “[css-style-attr] …의견 요약…”

이 문서는 2004년 2월 5일 W3C 특허 정책에 따라 운영되는 그룹에 의해 작성되었습니다. W3C는 그룹의 산출물과 관련하여 공개된 특허 공개 공개 목록을 관리합니다; 해당 페이지에는 특허 공개 방법도 포함되어 있습니다. 특정 특허가 필수 청구항을 포함한다고 판단되는 경우, W3C 특허 정책 6장에 따라 정보를 공개해야 합니다.

1. 소개

일부 문서 포맷에는 저자가 특정 요소에 직접 스타일 정보를 적용할 수 있도록 style 속성이 존재합니다. 만약 문서 포맷에서 스타일 속성(‘style’ 또는 다른 이름)이 정의되어 있고, 해당 속성 값으로 CSS를 허용한다면, 이 명세는 그 style 속성의 문법과 해석을 정의합니다.

다음은 HTML [HTML401]에서 style 속성 사용 예입니다:

<p style="color: #090; line-height: 1.2">...</p>

2. 준수

문서 또는 구현체는 CSS 스타일 속성만으로 준수할 수 없지만, CSS 스타일 속성 준수는 이 명세의 준수 요구사항을 만족하면서, 하나 이상의 CSS 스타일 속성을 정의하는 문서 언어와 함께 CSS를 구현할 때 주장할 수 있습니다.

준수 요구사항은 설명적 주장과 RFC 2119 용어의 조합으로 표현됩니다. 규범적인 부분에서 “MUST”, “MUST NOT”, “REQUIRED”, “SHALL”, “SHALL NOT”, “SHOULD”, “SHOULD NOT”, “RECOMMENDED”, “MAY”, “OPTIONAL” 등의 키워드는 RFC 2119에서 설명한 대로 해석해야 합니다. 그러나 가독성을 위해 이 명세에서는 해당 키워드가 모두 대문자로 표기되지 않습니다. 명시적으로 비규범적, 예시, 주석으로 표시된 섹션을 제외한 모든 본문은 규범적입니다. [RFC2119]

이 명세의 예시는 "예를 들어"라는 표현으로 도입되거나, class="example"로 본문과 구분됩니다:

설명적 주석은 "Note"로 시작하며, class="note"로 본문과 구분됩니다:

3. 문법과 파싱

style 속성의 값은 CSS 선언 블록의 내용 문법(중괄호 제외)과 일치해야 하며, 해당 공식 문법은 CSS 핵심 문법의 용어와 방식으로 아래와 같이 정의됩니다:

참고: CSS2.1 관례에 따라 위 규칙에는 주석 토큰이 포함되어 있지 않습니다.

해석자는 style 속성의 값을 일반 CSS 스타일시트에서 선언 블록 내용을 파싱할 때와 동일한 미래 호환 파싱 규칙으로 파싱해야 합니다. 자세한 내용은 CSS2.1 명세 4장을 참고하세요. [CSS21]

참고: CSS 스타일 속성 문법에는 선언 목록을 구분하는 여는 중괄호가 없으므로, style 속성 값에 닫는 중괄호(})가 포함되어도 스타일 데이터가 종료되지 않고, 단순히 잘못된 토큰으로 처리됩니다.

4. 계단식 처리 및 해석

style 속성의 선언은 해당 속성이 속한 요소에 적용됩니다. 계단식 처리에서 이러한 선언은 작성자 출처로 간주되며, 모든 선택자보다 높은 특이성을 가집니다. CSS2.1 는 스타일시트와 스타일 속성이 함께 계단식 처리되는 방식을 정의합니다. [CSS21] 스타일 데이터의 상대 URL은 style 속성의 요소(또는 문서에 요소별 해석이 정의되지 않은 경우 문서)를 기준으로 속성 값이 파싱될 때 해결되어야 합니다.

계단식 처리 차이를 제외하고, style 속성의 선언은 해당 요소에 적용되는 CSS 스타일 규칙에 포함된 것과 동일하게 해석되어야 합니다.

CSS 작업 그룹은 문서 언어가 단일 요소에 여러 CSS 스타일 속성을 허용하지 않는 것을 강력히 권장합니다. 만약 문서 언어가 여러 CSS 스타일 속성을 허용한다면, 각각을 독립적으로 파싱하고 별도의 스타일 규칙으로 처리해야 하며, 그 순서는 문서 언어에서 정의하거나, 정의하지 않으면 순서가 지정되지 않습니다.

5. 감사의 글

다음 분들의 피드백에 감사드립니다: Daniel Glazman, Ian Hickson, Eric A. Meyer, Björn Höhrmann.