요약
이 규격은 카스케이딩 스타일 쉬트 레벨 2인 CSS2를 정의한다. CSS2는 저자들과 사용자들이 문서들의 구조(예: HTML과 XML 문서들)에 스타일(글꼴, 간격, 음성)을 첨부할 수 있게하는 스타일 쉬트 언어이다. 문서의 내용과 구별하여 문서들의 스타일을 표현하는 CSS2는 웹의 제작과 유지관리를 용이하게한다.
CSS2는 번역문 CSS1 위에 만들어 졌으며, 유효한 CSS1 스타일쉬트는 몇개의 예외를 제외하고는 거의 전부 CSS2 스타일쉬트에서 유효하다. CSS2는 메디아를 적용하는 스타일쉬트를 지원하므로, 제작자는 그들의 문서들을 보는 브라우저, 음성장치, 프린터, 점자장치, 핸드장치(handheld device) 등에 맞게 표현을 할 수 있다. 이 규격은 또한 내용의 위치, 다운로드할 수 있는 글꼴, 테이블의 배열, 국제화 지원 기능, 자동 카운터, 번호붙이기와 사용자 인터페이스와 관계된 일부 속성의 기능을 지원한다.
이 문서의 상태
이 문서는 W3C의 멤버와 관련자들의 검토를 거처 임원회의 승인을 받은 상태이므로 인용하고 사용하는데 안전하다. 이는 안정적 문서로서 조회하고 다른 문서에서 인용할 수 있다. W3C는 이 추천안 발전을 널리 보급하도록 장려한다.
현재의 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로 압축된 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,
- 압축된 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에 목록화 되었다. 이 문서에 오류가 발견되면 css2-editors@w3.org로 알려주기 바란다.
- 1 CSS2 규격에 대하여
- 2 CSS2 규격의 소개
- 3 부합성: 필요사항과 추천사항
- 4 CSS2 문법과 기본 데이터 타입
- 5 선택자(selector)
- 6 속성값 지정, 카스테이딩(Cascading)과 전달(inheritance)
- 7 메디아(media) 타입
- 8 박스(box) 모델
- 8.1 박스 규격
- 8.2 마진(margin), 패딩(padding), 테두리들의 예제
- 8.3 마진 속성: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', 'margin'
- 8.4 패딩 속성: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', 'padding'
- 8.5 테두리(border) 속성
- 8.5.1 테두리 너비: 'border-top-width', 'border-right-width', 'border-bottom-width', 'border-left-width', 'border-width'
- 8.5.2 테두리 색상: 'border-top-color', 'border-right-color', 'border-bottom-color', 'border-left-color', 'border-color'
- 8.5.3 테두리 스타일: 'border-top-style', 'border-right-style', 'border-bottom-style', 'border-left-style', 'border-style'
- 8.5.4 테두리 약식속성들: 'border-top', 'border-bottom', 'border-right', 'border-left', 'border'
- 9 보이는 양식화 모델
- 10 보이는 양식화 모델 세부사항
- 10.1 용기블럭(containing block)의 정의
- 10.2 내용 너비(content width): 'width' 속성
- 10.3 너비(width)와 마진(margin)의 계산
- 10.4 최소와 최대 너비(width): 'min-width', 'max-width'
- 10.5 내용 높이(content height): 'height' 속성
- 10.6 높이와 마진의 계산
- 10.6.1 인라인(inline), 대체되지 않은 엘레멘트
- 10.6.2 인라인, 대체된 엘레멘트들 블럭레벨, 대체된 엘레멘트들 정상 흐름에서, 유동, 대체된 엘레멘트
- 10.6.3 정상 흐름에서 블럭레벨, 대체되지 않은 엘레멘트들, 유동, 대체되지 않은 엘레멘트
- 10.6.4 절대적으로 위치된, 대체되지 않은 엘레멘트
- 10.6.5 절대적으로 위치된, 대체된 엘레멘트
- 10.7 최소와 최대 높이: 'min-height', 'max-height'
- 10.8 라인 높이 계산: 'line-height', 'vertical-align' 속성
- 11 보이는 효과
- 12 생성된 내용(content), 자동 번호붙이기(numbering), 목록
- 13 페이지화된 메디아(paged media)
- 14 색상과 배경
- 15 글꼴(font)
- 15.1 소개
- 15.2 글꼴 규격
- 15.3 글꼴의 선택
- 15.3.1 글꼴 설명과 @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 참조를 위한 설명자(descriptor): 'src'
- 15.3.6 일치(matching)를 위한 설명자: 'panose-1', 'stemv', 'stemh', 'slope', 'cap-height', 'x-height', 'ascent', 'descent'
- 15.3.7 합성을 위한 설명자: 'widths', 'bbox'와 'definition-src'
- 15.3.8 정렬을 위한 설명자: 'baseline', 'centerline', 'mathline', 'topline'
- 15.3.9 예제
- 15.4 글꼴 속성
- 15.5 글꼴 일치(matching) 기능
- 16 텍스트(text)
- 17 테이블(table)
- 18 사용자 인터페이스(User interface)
- 19 소리(aural) 스타일쉬트
- 19.1 소리(aural) 스타일쉬트의 소개
- 19.2 볼륨(volume) 속성: 'volume'
- 19.3 말하는 속성: 'speak'
- 19.4 잠간 멈춤(pause) 속성: 'pause-before', 'pause-after', 'pause'
- 19.5 큐(cue) 속성: 'cue-before', 'cue-after', 'cue'
- 19.6 믹싱(mixing) 속성: 'play-during'
- 19.7 특수한 속성: 'azimuth', 'elevation'
- 19.8 음성 속성: 'speech-rate', 'voice-family', 'pitch', 'pitch-range', 'stress', 'richness'
- 19.9 Speech 속성: 'speak-punctuation', 'speak-numeral'
- 부록 A. HTML 4를 위한 스타일쉬트 견본
- 부록 B. CSS1으로부터의 변화
- 부록 C. 글꼴에 대한 적용과 성능 주석
- 부록 D. CSS2의 문법
- 부록 E. 참조
- 부록 F. 속성 색인
- 부록 G. 설명자(descriptor) 색인
- 부록 H.색인
맨위이
문서(
https://blog.jinbo.net/papyrus/category/7
http://trio.co.kr/webrefer/css2/cover.html#minitoc)는 자유로이 연결 사용이 가능함.
(수정일
04/11/2025 07:00:59
[object String])
최근 댓글 목록