전체 비교

Y : 지원
, N :
지원하지 않음, B : 버그가 있어 오작동, Q : 모호함
보기 : Link B(Netscape4.05)
Y(Explorer4.0)

Link to HTML

LINK B Y

<STYLE type=“text/css”>…</STYLE> Y Y

@import N Y

<x STYLE=“dec;”> Y Y

Grouping

x, y, z {dec;} Y Y

(보기: B, H1, P { color : red } 앞의 세 요소Element는
붉은 문자로 지정)

Inheritance(혼합 사용된 요소Element간의 영향력)

(inherited values) P P

Class 사용

.class B Y

ID 사용

1. ID B Y

Contextual selectors

x y z {dec;} B Y

감추는 말

 /* comment */ Y Y

Pseudo-Classes and Pseudo-Elements

A

A:link Y Y

A:active B Y
A:visited Y Y

first-line

:first-line N N

first-letter

:first-letter N N

The Cascade Property or Value

important

!important P Y

Cascading Order

Weight sorting Y Y
Origin sorting Y Y

Specificity sorting P Y
Order sorting Y Y

Font Properties

font-family

<family-name> Y Y
<generic-family> Y Y
… serif Y Y
… sans-serif Y Y
… cursive Y Y
… fantasy Y Y

… monospace Y Y

font-style

normal Y Y
italic Y Y
oblique N Y

font-variant

normal N Y
small-caps N P

font-weight

normal Y Y
bold Y Y

bolder Y Y
lighter Y Y
100 - 900 Y Y

font-size

<absolute-size> Y Y
… xx-small - xx-large Y Y

<relative-size> Y Y
… larger Y Y
… smaller Y Y

<length> Y Y

<percentage> Y Y

font

<font-family> Y Y
<font-style> P Y
<font-variant> N P
<font-weight> Y Y
<font-size> Y Y
<line-height> Y Y

Color and Background Properties

color

<color> Y Y

background-color

<color> Y Y
transparent B Y

background-image

<url> Y Y
none N N

background-repeat

repeat Y Y
repeat-x Y Y
repeat-y Y Y

no-repeat B Y

background-attachment

scroll N Y
fixed N Y

background-position

<percentage> N Y
<length> N Y
top N Y
center N Y
bottom N Y
left N Y

right N Y

background

<background-color> P Y
<background-image> P Y
<background-repeat> P Y
<background-attachment> P Y
<background-position> N Y

Text Properties

word-spacing

normal N N

<length> N N

letter-spacing

normal N Y
<length> N Y

text-decoration

none Y Y
underline Y Y
overline N Y
line-through Y Y
blink Y N

vertical-align

baseline N N
sub N Y
super N Y
top N N
text-top N N
middle N N
bottom N N
text-bottom N N
<percentage> N N

text-transform

capitalize Y Y

uppercase Y Y
lowercase Y Y
none Y Y

text-align

left Y Y
right Y Y
center Y Y
justify Y Y

text-indent

<length> Y Y
<percentage> Y Y

line-height

normal Y Y
<number> Y Y
<length> Y Y
<percentage> Y Y

Box Properties

margin-top

<length> Y Y
<percentage> Y Y
auto Y Y

margin-right

<length> Y Y
<percentage> Y Y
auto N N

margin-bottom

<length> Y Y
<percentage> Y Y
auto Y Y

margin-left

<length> Y Y
<percentage> Y Y
auto N N

margin

<length> Y Y
<percentage> Y Y
auto Y Y

padding-top

<length> Y Y
<percentage> Y Y

padding-right

<length> Y Y
<percentage> Y Y

padding-bottom

<length> Y Y
<percentage> Y Y

padding-left

<length> Y Y
<percentage> Y Y

padding

<length> Y Y
<percentage> Y Y

border-top-width

thin Y Y
medium Y Y

thick Y Y
<length> Y Y

border-right-width

thin Y Y
medium Y Y
thick Y Y
<length> Y Y

border-bottom-width

thin B Y
medium B Y
thick B Y

<length> B Y

border-left-width

thin Y Y
medium Y Y
thick Y Y
<length> Y Y

border-width

thin Y Y
medium Y Y
thick Y Y
<length> Y Y

border-color

<color> Y Y

border-style

none Y Y
dotted N N
dashed N N
solid Y Y
double Y Y
groove Y Y
ridge Y Y
inset Y Y
outset Y Y

border-top

<border-top-width> N Y
<border-style> N Y
<color> N Y

border-right

<border-right-width> N Y
<border-style> N Y
<color> N Y

border-bottom

<border-bottom-width> N Y

<border-style> N Y
<color> N Y

border-left

<border-left-width> N Y
<border-style> N Y
<color> N Y

border

<border-width> Y Y
<border-style> Y Y
<color> Y Y

width

<length> Y Y
<percentage> Y Y
auto Y Y

height

<length> Y Y
auto Y Y

float

left Y Y
right Y Y
none Y Y

clear

none Y Y
left Y Y
right Y Y
both Y Y

Classification Properties

display

block Y N
inline Y N
list-item Y N
none Y Y

white-space

normal Y N
pre Y N
nowrap N N

list-style-type

disc Y Y
circle Y Y
square Y Y
decimal Y Y
lower-roman Y Y
upper-roman Y Y
lower-alpha Y Y

upper-alpha Y Y
none N Y

list-style-image

<url> N Y
none N Y

list-style-position

inside N Y
outside N Y

list-style

<keyword> Y Y
<position> N Y

<url> N Y

Units

Length Units

em Y Y
ex Q Q
px Y Y
in Y Y
cm Y Y
mm Y Y
pt Y Y
pc Y Y

Percentage Units

<percentage> Y Y

Color Units

1. 000 Y Y
2. 000000 Y Y

(RRR,GGG,BBB) Y Y
(R%,G%,B%) Y Y
<keyword> Y Y

URLs

<url> Y Y

• 제작: w3master@sanyaro.com bestsouth@korea.com