Home > DevOps > 연구개발 > 웹표준 > CSS2 명세서
CSS2 명세서
Cascading Style Sheets, level 2
CSS2 Specification
- 이 문서의 버전:
- http://www.w3.org/TR/1998/REC-CSS2-19980512
- 최근 버전:
- http://www.w3.org/TR/REC-CSS2
- 이전 버전:
- http://www.w3.org/TR/1998/PR-CSS2-19980324
- 편집자:
- Bert Bos
<bbos@w3.org>
Håkon Wium Lie <howcome@w3.org>
Chris Lilley <chris@w3.org>
Ian Jacobs <ij@w3.org> - 번역자:
- 나쥬니 <nazuni@nazuni.pe.kr>
개요(Abstract)
이 명세서는 CCS2(Cascading Style Sheets, level 2)를 정의한다. CSS2는 제작자와 사용자가 구조화된 문서(HTML 문서, XML 애플리케이션 등)에 스타일(폰트, 여백, 청각 신호 등)을 첨가할 수 있게 해 주는 스타일시트 언어이다. 문서의 내용과 표현 스타일을 분리하는 것에 의해서 CSS2는 웹 제작과 사이트 관리를 간단하게 해 준다.
CSS2는 CSS1([CSS1] 참조)를 기반으로 하고, 거의 모든 유효한 CSS1 스타일시트는 CSS2 스타일시트에서도 유효하다. CSS2는 제작자가 시각 브라우저, 오디오 장치, 프린터, 점자(braille) 장치, 휴대용(handheld) 장치 등에 자기 문서의 표현(presentation)을 맞출 수 있도록 하기 위하여 미디어 특화된(media-specific) 스타일시트를 지원한다. 이 명세서는 또한 컨텐츠 배치, 폰트 다운로드, 테이블 레이아웃, 국제화 특성, 자동 카운터(counters and numbering), 사용자 인터페이스와 관련된 여러 기능 등을 지원한다.
이 문서의 위상(Status)
이 문서는 W3C 회원들과 다른 관심있는 단체에 의해 재검토되었고, 관리자(Director)에 의해 W3C 추천문서로서 보증되었다. 이 문서는 안정적(stable)이고, 또다른 문서에서 참고자료로 사용되거나 표준적 참조문으로 인용될 수도 있다. 추천문서를 만드는 데 있어서 W3C의 역할은 명세서에 이목을 집중시키고, 폭넓은 보급을 촉진하는 것이다. 이 일은 웹의 기능성(functionality)과 호환성(interoperability)을 향상시킨다.
현재 W3C의 추천문서와 다른 기술문서 리스트은 http://www.w3.org/TR 에서 찾을 수 있다.
CSS 특성에 대한 공개 토론은 www-style@w3.org에서 일어나고 있다.
사용 가능한 파일형식
CSS2 명세서는 다음 파일형식으로 사용이 가능하다:
- HTML:
- http://www.w3.org/TR/1998/REC-CSS2-19980512
- 일반 텍스트 파일:
- http://www.w3.org/TR/1998/REC-CSS2-19980512/css2.txt,
- tar gzip으로 압축된 HTML 파일:
- http://www.w3.org/TR/1998/REC-CSS2-19980512/css2.tgz,
- zip으로 압축된 HTML 파일:
- http://www.w3.org/TR/1998/REC-CSS2-19980512/css2.zip,
- gzip으로 압축된 PostScript 파일:
- http://www.w3.org/TR/1998/REC-CSS2-19980512/css2.ps.gz,
- PDF 파일:
- http://www.w3.org/TR/1998/REC-CSS2-19980512/css2.pdf.
명세서의 여러 형식이 서로 다른 경우에는, http://www.w3.org/TR/1998/REC-CSS2-19980512 을 결정판으로 고려하라.
사용 가능한 언어
유일한 표준적 버전은 이 명세서의 영문 버전이다. 그러나 이 문서의 번역을 보려면 http://www.w3.org/Style/css2-updates/translations.html 을 참조하라.
오류
이 명세서에서 알려진 오류 목록은 http://www.w3.org/Style/css2-updates/REC-CSS2-19980512-errata.html 을 참조하라. (이 번역에서 발견된 오류는 일반문의로 보내주세요.)
간단한 목차
- 1 CSS2 명세서에 대하여
- 2 CSS2 소개
- 3 부합성(Conformance): 요구사항과 추천사항
- 4 CSS2 문법과 기본 자료형
- 5 선택자(Selectors)
- 6 속성값 지정, 캐스캐이딩(Cascading), 상속(Inheritance)
- 7 미디어 유형
- 8 박스(Box) 모델
- 9 시각화(Visual formatting) 모델
- 10 시각화(Visual formatting) 모델 세부사항
- 11 시각 효과
- 12 생성된 컨텐츠(Generated content), 자동번호(automatic numbering), 리스트(lists)
- 13 페이지(Paged) 미디어
- 14 색(Colors)과 배경(Backgrounds)
- 15 폰트(Fonts)
- 16 텍스트(Text)
- 17 테이블(Tables)
- 18 사용자 인터페이스
- 19 청각 스타일시트
- 부록 A. HTML 4.0에 사용된 스타일시트 예시
- 부록 B. CSS1 변경사항
- 부록 C. 폰트 실행(Implementation)과 운용(performance) 주의사항
- 부록 D. CSS2 문법
- 부록 E. 참고사항
- 부록 F. 속성(Property) 색인
- 부록 G. 기술자(Descriptor) 색인
- 부록 H. 색인
자세한 목차
- 1 CSS2 명세서에 대하여
- 2 CSS2 소개
- 3 부합성(Conformance): 요구사항과 추천사항
- 4 CSS2 문법과 기본 자료형
- 5 선택자(Selectors)
- 6 속성값 지정, 캐스캐이딩(Cascading), 상속(Inheritance)
- 7 미디어 유형
- 8 박스(Box) 모델
- 8.1 박스 크기
- 8.2 margin, padding, border 예시
- 8.3 margin 속성: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', 'margin'
- 8.4 padding 속성: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', 'padding'
- 8.5 border 속성
- 8.5.1 border 넓이: 'border-top-width', 'border-right-width', 'border-bottom-width', 'border-left-width', 'border-width'
- 8.5.2 border 색: 'border-top-color', 'border-right-color', 'border-bottom-color', 'border-left-color', 'border-color'
- 8.5.3 border 스타일: 'border-top-style', 'border-right-style', 'border-bottom-style', 'border-left-style', 'border-style'
- 8.5.4 border 약식 속성: 'border-top', 'border-bottom', 'border-right', 'border-left', 'border'
- 9 시각화(Visual formatting) 모델
- 10 시각화(Visual formatting) 모델 세부사항
- 11 시각 효과
- 12 생성된 컨텐츠(Generated content), 자동번호(automatic numbering), 리스트(lists)
- 13 페이지(Paged) 미디어
- 14 색(Colors)과 배경(Backgrounds)
- 15 폰트(Fonts)
- 15.1 소개
- 15.2 폰트 지정
- 15.3 폰트 선택
- 15.3.1 폰트 기재(Font Descriptions)와 @font-face
- 15.3.2 폰트 선택을 위한 기술자: 'font-family', 'font-style', 'font-variant', 'font-weight', 'font-stretch', 'font-size'
- 15.3.3 폰트 자료 조건(Qualification)을 위한 기술자: 'unicode-range'
- 15.3.4 숫자값을 위한 기술자: 'units-per-em'
- 15.3.5 참조를 위한 기술자: 'src'
- 15.3.6 매칭을 위한 기술자: 'panose-1', 'stemv', 'stemh', 'slope', 'cap-height', 'x-height', 'ascent', 'descent'
- 15.3.7 합성(Synthesis)을 위한 기술자: 'widths', 'bbox', 'definition-src'
- 15.3.8 정렬을 위한 기술자: 'baseline', 'centerline', 'mathline', 'topline'
- 15.3.9 예시
- 15.4 폰트 특성(Characteristics)
- 15.4.1 폰트 특성 소개
- 15.4.2 자세한 폰트 이름
- 15.4.3 em 평방 위의 좌표(Coordinate) 단위
- 15.4.4 중심 기준선
- 15.4.5 폰트 인코딩
- 15.4.6 폰트 집합 이름
- 15.4.7 문자(Glyph) 넓이
- 15.4.8 가로획 넓이
- 15.4.9 대문자 높이
- 15.4.10 소문자 높이
- 15.4.11 하부 기준선
- 15.4.12 수학적 기준선
- 15.4.13 최대 도약(bounding) 박스
- 15.4.14 최대 강세없는(unaccented) 높이
- 15.4.15 최대 강세없는(unaccented) 깊이
- 15.4.16 Panose-1 숫자
- 15.4.17 ISO 10646 문자 범위
- 15.4.18 상부 기준선
- 15.4.19 세로획 넓이
- 15.4.20 세로획 각도
- 15.5 폰트 매칭 알고리즘
- 16 텍스트(Text)
- 17 테이블(Tables)
- 18 사용자 인터페이스
- 19 청각 스타일시트
- 19.1 청각 스타일시트 소개
- 19.2 음량 속성: 'volume'
- 19.3 읽어주기 속성: 'speak'
- 19.4 읽기중단 속성: 'pause-before', 'pause-after', 'pause'
- 19.5 신호(Cue) 속성: 'cue-before', 'cue-after', 'cue'
- 19.6 혼합 속성: 'play-during'
- 19.7 공간 속성: 'azimuth'와 'elevation'
- 19.8 목소리 특징 속성: 'speech-rate', 'voice-family', 'pitch', 'pitch-range', 'stress', 'richness'
- 19.9 화법 속성: 'speak-punctuation'과 'speak-numeral'
- 부록 A. HTML 4.0에 사용된 스타일시트 예시
- 부록 B. CSS1 변경사항
- 부록 C. 폰트 실행(Implementation)과 운용(performance) 주의사항
- 부록 D. CSS2 문법
- 부록 E. 참고사항
- 부록 F. 속성(Property) 색인
- 부록 G. 기술자(Descriptor) 색인
- 부록 H. 색인
서비스 준비 중입니다.