| 기본 개념 |
| 1.1 | HTML에의 포함
도입(@import) |
IE4와 IE5는 둘다 비록 @import 문장이 문서의 스타일쉬트 맨뒤에 있어도 화일을 도입한다.
이는 기술적으로는 중요한 잘못은 아니지만 CSS1 규격의 위반이며 이런 것을 여기서는 '위반'으로 분류하였다. |
규격
영문점검 |
| 1.1 | HTML에의 포함
<x style="style내용"> |
Nav4는 목록항목(list item)에서 문제가 있으며 이것이 '틀림'으로 분류된 대부분의 이유이다. |
규격
영문점검 |
| 1.3 | 상속(inheritance) |
Nav4에서의 상속(inheritance)은 대단히 불안정하여 경우에 따라서는 치명적이 될 수 있다.
내용을 전부 열거하기는 힘들지만 특히 테이블(table)과 목록(list)을 포함하는 경우에 현저하게 문제가 된다. |
규격
영문점검 |
| 1.4 | 클라스(class) 선택자 |
IE4와 IE5는 수치로 시작되는 클라스(class) 이름을 허용하는데 CSS1 규격에서는 허용되지 않는다. |
규격
영문점검 |
| 1.5 | 인식자(ID) 선택자 |
IE4와 IE5는 수치로 시작되는 인식자(ID) 이름을 허용하는데 CSS1 규격에서는 허용되지 않는다.
한 HTML 문서에서 주어진 인식자(ID)에 한개 이상의 그 인스탄스에 스타일쉬트을 적용하는 모든 브라우저는 규격에 어긋난다.
이 특성은 CSS 적용에 문제가 있는 것이 아니라 오류 점검에 문제를 발생시킨다. |
규격
영문점검 |
| 1.6 | 문맥(contextual) 선택자
x y z {style내용} |
MacNav4는 테이블에 관련하여 문맥(contextual) 선택자(selector)에 가장 문제가 있다.
예를 들어, html body table p가 적절하게 처리되지 않는다. |
규격
영문점검 |
| 가상 클리스(pseudo-class)와 가상 엘레멘트(pseudo-element) |
| 2.3 | first-line |
IE3에서는 전혀 적용되지 않는다. |
규격
영문점검 |
| 2.4 | first-letter |
IE3에서는 옳지 않게 적용된다. |
규격
영문점검 |
| 카스케이드(cascade) |
| 3.2 | 카스케이드(cascading) 순서 |
여러 종류의 경우가 있다. |
규격
영문점검 |
| 글자(font) 특성 |
| 5.2.2 | font-family: cursive |
필기체(cursive) 폰트를 선호하게 설정하여도, Opr는 적요하지 않고 대신 다른 대체 폰트를 사용 한다. |
규격
영문점검 |
| 5.2.4 | font-variant: small-caps |
IE4와 IE5는 small-caps 스타일을 그 대문자에 따라 대략화한다.
CSS1의 규격에는 맞지만 작은 대문자(small cap)로 표현하지 않는다. |
규격
영문점검 |
| 5.2.6 | font-size: xx-small [- xx-large] |
IE4와 IE5에서 절대 크기값이 small로 지정되어도 다른 글자와 같은 크기로 medium과 같이 표현한다.
절대 폰트 크기 (font-size: medium등)를 요청 했을 때 대부분 Nav와 IE에서 다른 크기로 표현한다.
규격에는 위반되는 것이 아니지만 혼동되기 쉽다. |
규격
영문점검 |
| 글자 색상(Color)과 배경 색상(Background) 특성 |
| 5.3.2 | background-color: <color> |
Nav4에서는 모든 내용 박스와 패딩에 배경색을 적용하지 않고 엘레멘트 속의 글자에 만 색상을 적용한다. |
규격
영문점검 |
| 5.3.2 | background-color: transparent |
Nav4에서는 이 값이 엘레멘트 자체가 아니라 그 모체에 적용한다.
이는 모체 엘레멘트 배경에 구멍을 유발시킬 수 있다. |
규격
영문점검 |
| 5.3.4 | background-repeat: repeat |
IE4는 아래쪽과 오른쪽으로 만 반복한다.
올바른 적용은 배경 이미지가 수평 repeat-y, 수직 repeat-x 양방향으로 바둑판식 배열되는 것이다.
Nav4는 background-position을 지원하지 않는다.
Opr3.6, MacIE4.5, IE5는 모두 바르게 작용한다. |
규격
영문점검 |
| 5.3.4 | background-repeat: repeat-x |
IE4는 좌우가 아니라 오른쪽으로 만 반복한다. |
규격
영문점검 |
| 5.3.4 | background-repeat: repeat-y |
IE4는 상하가 아니라 아래쪽으로 만 반복한다. |
규격
영문점검 |
| 텍스트(text) 특성 |
| 5.4.3 | text-decoration: none |
규격에 따르면 엘레멘트가 장식(decorated)되고 그 자식이 장식되지 않았을 경우, 모체의 효과가 자식에서도 투과해 보여야 한다.
그래서 문단에 밑줄쳐지고, 그 밑줄이 없는 거을 가진 strong 엘레멘트에 밑줄친 문단의 strong 엘레멘트에 확장 적용된다. 이는 자식 엘레멘트의 밑줄친 것은, 자식 엘레멘트에 별도로 밑줄치도록 지정되지 않는 한, 그 모체 엘레멘트의 색상과 같아야 한다는 의미도 된다.
그러나 실제적으로 인라인(inline) 엘레멘트에 설정을 none으로 하면, 모체의 장식 설정에 관계없이, 모든 장식이 제거왼다.
Opr에서는 예외적으로 규격에 맞는다. |
규격
영문점검 |
| 5.4.3 | text-decoration: blink |
CSS1 규격에서는 지정되어 있지 않으나, Nav에서만 지원한다. |
규격
영문점검 |
| 5.4.5 | text-transform: uppercase |
Opr3.6에서는, 점검(CSS1 Test Suite)에서 보여주는 바와 같이), 단어 속의 각 인라인 엘레멘트의 첫글자를 대문자로 하는데, 이는 규격에 틀린다. |
규격
영문점검 |
| 5.4.6 | text-align: justify |
Nav4에서는 이 값이 테이블 속에서 망가지는 경향을 보이만, 일반적으로는 잘 작용한다. |
규격
영문점검 |
| 5.4.8 | line-height: <length> |
Nav4에서는 규격과 다르게 음수값도 허용한다. |
규격
영문점검 |
| 5.4.8 | line-height |
Opr3.6에서, 텍스트와 반대로, 텍스트 속의 인라인 엘레멘트에 배경을 설정하였을 경우, 줄들 사이의 배경색을 지정하는데 사용한다.(점검을 참조하라.)
|
규격
영문점검 |
| 박스(box) 특성 |
| 5.5.01 | margin-top |
인라인(inline) 엘레멘트에서 모든 margin 특성들은 문제가 있거나, 완전히 지원되지 않는다.
margin-top의 경우, Nav4, IE4, IE5는 블럭(block-level) 엘레멘트에서 꾀 잘 지원하고, Opr3.6에서는 완전히 지원한다. |
규격
영문점검 |
| 5.5.02 | margin-right |
인라인(inline) 엘레멘트에서 모든 margin 특성들은 문제가 있거나, 완전히 지원되지 않는다.
margin-right의 경우, IE4, IE5는 블럭(block-level) 엘레멘트에서 꾀 잘 지원하고, 인라인 엘레멘트에서는, IE4 와 IE5가 이 특성을 완전히 무시한다.
Nav는 마진(margin)이, 유동(floating)이나 인라인 엘레멘트에서는 오류를 발생하지만, 아니면 꾀 잘 지원한다. |
규격
영문점검 |
| 5.5.03 | margin-bottom |
인라인(inline) 엘레멘트에서 모든 margin 특성들은 문제가 있거나, 완전히 지원되지 않는다.
margin-bottom의 경우, IE4와 IE5는 블럭레벨 엘레멘트에서 꾀 잘 지원하나, 인라인 엘레멘트에서는, IE4 와 IE5가 이 특성을 완전히 무시한다.
Nav는 마진(margin)이, 유동(floating)이나 인라인 엘레멘트에서는 오류를 발생하지만, 아니면 꾀 잘 지원한다. |
규격
영문점검 |
| 5.5.04 | margin-left |
인라인(inline) 엘레멘트에서 모든 margin 특성들은 문제가 있거나, 완전히 지원되지 않는다.
margin-left의 경우, IE4와 IE5는 블럭레벨 엘레멘트에서 꾀 잘 지원하나, IE4 와 IE5가 이 특성을 완전히 무시한다.
Nav는 마진(margin)이, 유동(floating)이나 인라인 엘레멘트에서는 오류를 발생하지만, 아니면 꾀 잘 지원한다. |
규격
영문점검 |
| 5.5.05 | margin |
인라인(inline) 엘레멘트에서 모든 margin 특성들은 문제가 있거나, 완전히 지원되지 않는다.
의 경우 margin, IE4와 IE5는 블럭레벨 엘레멘트에서 꾀 잘 지원하나, IE4 와 IE5가 이 특성을 완전히 무시한다.
Nav는 마진(margin)이, 유동(floating)이나 인라인 엘레멘트에서는 오류를 발생하지만, 아니면 꾀 잘 지원한다. |
규격
영문점검 |
| 5.5.06 | padding-top |
인라인(inline) 엘레멘트에서 모든 padding 특성들은 문제가 있거나, 완전히 지원되지 않는다.
padding-top의 경 , IE4와 IE5는 블럭레벨 엘레멘트에서 꾀 잘 지원한다.
Nav는 마진(margin)이, 유동(floating)이나 인라인 엘레멘트에서는 오류를 발생하지만, 아니면 꾀 잘 지원한다. |
규격
영문점검 |
| 5.5.07 | padding-right |
인라인(inline) 엘레멘트에서 모든 padding 특성들은 문제가 있거나, 완전히 지원되지 않는다.
padding-right의 경우, IE4와 IE5는 블럭레벨 엘레멘트에서 꾀 잘 지원한다.
Nav는 마진(margin)이, 유동(floating)이나 인라인 엘레멘트에서는 오류를 발생하지만, 아니면 꾀 잘 지원한다. |
규격
영문점검 |
| 5.5.08 | padding-bottom |
인라인(inline) 엘레멘트에서 모든 padding 특성들은 문제가 있거나, 완전히 지원되지 않는다.
Nav는 마진(margin)이, 유동(floating)이나 인라인 엘레멘트에서는 오류를 발생하지만, 아니면 꾀 잘 지원한다. |
규격
영문점검 |
| 5.5.09 | padding-left |
인라인(inline) 엘레멘트에서 모든 padding 특성들은 문제가 있거나, 완전히 지원되지 않는다.
Nav는 마진(margin)이, 유동(floating)이나 인라인 엘레멘트에서는 오류를 발생하지만, 아니면 꾀 잘 지원한다. |
규격
영문점검 |
| 5.5.10 | padding |
인라인(inline) 엘레멘트에서 모든 padding 특성들은 문제가 있거나, 완전히 지원되지 않는다.
Opr는 규격에 맞게 padding의 음수값을 무시하지만, 규격에 틀리게 인라인 엘레멘트에서 padding 값을 기준으로 라인 높이(line-height)를 조정한다.
Nav는 마진(margin)이, 유동(floating)이나 인라인 엘레멘트에서는 오류를 발생하지만, 아니면 꾀 잘 지원한다. |
규격
영문점검 |
| 5.5.11 | border-top-width |
Nav는 border-style을 설정하지 않아도 보이는 border를 생성하고, 스타일이 지정되었을 떄 모든 면(side)에 보더를 보이지 않는다..
이는 보더가 인라인 스타일에 적용되는 경우 흉하게 된다.
IE4와 IE5는 블럭레벨 엘레멘트에서 올바르게 작용하지만 인라인에서는 무시한다. |
규격
영문점검 |
| 5.5.12 | border-right-width |
Nav는 border-style을 설정하지 않아도 보이는 border를 생성하고, 스타일이 지정되었을 떄 모든 면(side)에 보더를 보이지 않는다..
이는 보더가 인라인 스타일에 적용되는 경우 흉하게 된다.
IE4와 IE5는 블럭레벨 엘레멘트에서 올바르게 작용하지만 인라인에서는 무시한다. |
규격
영문점검 |
| 5.5.13 | border-bottom-width |
Nav는 border-style을 설정하지 않아도 보이는 border를 생성하고, 스타일이 지정되었을 떄 모든 면(side)에 보더를 보이지 않는다..
이는 보더가 인라인 스타일에 적용되는 경우 흉하게 된다.
IE4와 IE5는 블럭레벨 엘레멘트에서 올바르게 작용하지만 인라인에서는 무시한다. |
규격
영문점검 |
| 5.5.14 | border-left-width |
Nav는 border-style을 설정하지 않아도 보이는 border를 생성하고, 스타일이 지정되었을 떄 모든 면(side)에 보더를 보이지 않는다..
이는 보더가 인라인 스타일에 적용되는 경우 흉하게 된다.
IE4와 IE5는 블럭레벨 엘레멘트에서 올바르게 작용하지만 인라인에서는 무시한다. |
규격
영문점검 |
| 5.5.15 | border-width |
Nav는 border-style을 설정하지 않아도 보이는 border를 생성하고, 스타일이 지정되었을 떄 모든 면(side)에 보더를 보이지 않는다..
이는 보더가 인라인 스타일에 적용되는 경우 흉하게 된다.
IE4와 IE5는 블럭레벨 엘레멘트에서 올바르게 작용하지만 인라인에서는 무시한다. |
규격
영문점검 |
| 5.5.16 | border-color |
Nav4와 Opr는 border-color: red blue green purple;에서와 같이 각 면(side)의 색상을 별도로 지정하지 않는다.
IE는 인라인 엘레멘트에 보더 색상을 적용하지 않는데, 이는 규격에 어긋나는 것은 아니다. |
규격
영문점검 |
| 5.5.18 | border-top |
Opr는 보더 스타일(border style)을 테이블 엘레멘트에 적용하지 않는데, 이것이 '일부'로 분류된 이유이다.
IE4와 E5는 인라인 엘레멘트의 보더에 적용하지 않는다. |
규격
영문점검 |
| 5.5.19 | border-right |
Opr는 보더 스타일(border style)을 테이블 엘레멘트에 적용하지 않는데, 이것이 '일부'로 분류된 이유이다.
IE4와 E5는 인라인 엘레멘트의 보더에 적용하지 않는다. |
규격
영문점검 |
| 5.5.20 | border-bottom |
Opr는 보더 스타일(border style)을 테이블 엘레멘트에 적용하지 않는데, 이것이 '일부'로 분류된 이유이다.
IE4와 E5는 인라인 엘레멘트의 보더에 적용하지 않는다. |
규격
영문점검 |
| 5.5.21 | border-left |
Opr는 보더 스타일(border style)을 테이블 엘레멘트에 적용하지 않는데, 이것이 '일부'로 분류된 이유이다.
IE4와 E5는 인라인 엘레멘트의 보더에 적용하지 않는다. |
규격
영문점검 |
| 5.5.22 | border |
Opr는 보더 스타일(border style)을 테이블 엘레멘트에 적용하지 않는데, 이것이 '일부'로 분류된 이유이다.
IE4와 E5는 인라인 엘레멘트의 보더에 적용하지 않는다. |
규격
영문점검 |
| 5.5.23 | width |
Nav는 width를 대단히 일정하지 않게 적용하지만, 대부분의 간단한 텍스트나 이미지에서는 문제가 없다.
IE4와 IE5는 이미지와 테이블에 적용하지만, 대부분의 P와 헤딩(heading)과 같은 텍스트 엘레멘트에서는 무시한다.
Opr3.6은, 이상하게도, 이미지 너비(width)를 100%-로 설정하지만, 창을 최소화 한 후 올바른 이미지 크기로 최대화 하므로 착각하게 한다. |
규격
영문점검 |
| 5.5.25 | float |
float는 전 규격을 통해 가장 복잡하고 적용하기 어려운 경우이다.
기본적인 유동(float)은 모든 브라우서에서, 특히 이미지에서, 지원지만, 규격이 정미하게 테스트 되거나 문서 구조가 복잡하게 구성되어 있으면, 대부분 유동이 자주 잘 못 적용되거나 전혀 적용되니 않는다.
텍스트 엘레멘트에서의 유동(float)은 특히 일정하지 않아, IE5와 Opr는 많이 개선되었으나, IE4와 Nav4에서는 많은 위반이 생긴다.
float를 사용 할 때는 주의를 기울여야 하고 주의하여 사용한 문서를 테스트하여야 한다. |
규격
영문점검 |
| 5.5.26 | clear |
float와 같이, clear도 적용하기에 간단한 것은 아니다.
여기서도 기본적으로는 지원되나, 복잡해지면 브라우저가 잘 못 작용한다.
적정한 하용은 완전한 테스트를 전제로 한다. |
규격
영문점검 |
| 분류 특성 |
| 5.6.1 | display: inline |
Opr3.6은 거의 완전하게 inline을 올바르게 지원하나, 때로는 빈칸(whitespace)에서 <BR>을 만난 것처럼 줄이 바뀐다. |
규격
영문점검 |
| 5.6.3 | list-style-type: none |
MacNav4에서 이 값은 불렛(bullet)에 물음표를 표시한다. |
규격
영문점검 |
| 5.6.5 | list-style-position: inside |
MacIE4.에서 이 값의 설정되면 위치와 형식이 약간 달라진다. |
규격
영문점검 |
| 단위 |
| 6.1 | 길이 단위
ex |
지원하는 모든 브라우저에서 ex를 1/2 em으로 나타낸다.
이는 상당히 일리있는 대략화(approximation)이지만 기술적으로는 올바른 것이 아니다. |
규격
영문점검 |
| 6.3 | 색상 단위
|
Nav는 색상명(color keyword)으로 색상을 발생시킨다.
예를 들어, color: invalidValue에서 검청색을, color: inherit(CSS2규격에서는 유효한 선언)에서 산뜻하지 않은 녹색을 나타낸다. |
규격
영문점검 |
| 6.4 | URL
|
Nav은, 스타일쉬트에 기준하지 않고, HTML 문서에 대해 상대적인 URL을 판정한다. |
규격
영문점검 |
제공